微信网页开发-长按二维码无法识别问题解决

长按二维码无法识别问题解决

在微信网页开发中偶遇一次长按二维码无法识别的问题，爬了许多文章仍然无法解决。
排查之后发现是css给img标签赋了个属性阻止了所有img事件。
去掉这个属性即可。

方法一:

去掉这个属性。

img {
    /* 这个属性可以阻止安卓系统点击图片按钮变成放大图片的行为 */
    pointer-events: none;
}

注释掉即可。

img {
    /* pointer-events: none; */
}

方法二：

可以对全局的img标签添加事件阻止

img {
    pointer-events: none;
}

并且在需要用到图片点击事件（如识别二维码）的标签修改属性。

.qrCode {
    pointer-events: all;
}