fastclick在移动端使用input=“file”上传文件时label中的内容不能触发change事件的bug

当我的代码如下的时候

我发现我点击其他地方可以调用系统的相机以及相册,但是点击头像和文字的时候需要双击才能触发,后来排除原因主要是因为项目中引入了fastclick造成的,后来在issue中找到了答案:
就是加入css属性:pointer-events:none;
这个属性要给label内部的标签加,可以解决这个问题,代码如下

这样就解决了这个问题
在此插入关于pointer-events的文档

你可能感兴趣的:(safari,ios,css,html,javascript)