资讯专栏INFORMATION COLUMN

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

pubdreamcc / 1879人阅读

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

当我的代码如下的时候

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/114425.html

相关文章

  • fastclick移动使用input=“file上传文件label中的内容不能触发chang

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

    klivitamJ 评论0 收藏0
  • fastclick移动使用input=“file上传文件label中的内容不能触发chang

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

    econi 评论0 收藏0
  • 移动开发的兼容问题

    摘要:移动端开发的兼容问题文章已同步我的笔记,欢迎大家加,加后人生更加美好下为属性设置会出现样式文字和背景异常问题。解决方案可以使用整体放大屏幕的倍等等再使用缩放使用在移动端会模糊也需要这样的解决方案在移动端图片上传图片兼容低端机的问题。 移动端开发的兼容问题 文章已同步我的github笔记https://github.com/ymblog/blog,欢迎大家加star~~,加star后人生...

    wyk1184 评论0 收藏0
  • 移动开发的兼容问题

    摘要:移动端开发的兼容问题文章已同步我的笔记,欢迎大家加,加后人生更加美好下为属性设置会出现样式文字和背景异常问题。解决方案可以使用整体放大屏幕的倍等等再使用缩放使用在移动端会模糊也需要这样的解决方案在移动端图片上传图片兼容低端机的问题。 移动端开发的兼容问题 文章已同步我的github笔记https://github.com/ymblog/blog,欢迎大家加star~~,加star后人生...

    weakish 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<