解決:上一篇圖片上傳在ios中click事件無效

在上一篇中addImage方法中的this.input.click()在ios中無法生效。
網上提供的幾種解決方法,供大家參考:

1、​將 click 事件直接綁定到目標​元素(​​即 .target)上;
2、將目標​元素換成 a 或者button 等可點擊的​元素;
​3、將 click 事件委託到​​​​​非 document 或 body 的​​父級元素上;
​4、給​目標元素加一條樣式規則 cursor: pointer。

我最後採用了直接調用dom的原生方法觸發input的點擊事件

addImage = () => {
    const event = document.createEvent('MouseEvents');
    event.initMouseEvent('click',false,false);
    this.input.dispatchEvent(event)
   };
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章