微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

解决:上一篇图片上传在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)
   };

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐