微信網頁開發-長按二維碼無法識別問題解決

長按二維碼無法識別問題解決

在微信網頁開發中偶遇一次長按二維碼無法識別的問題，爬了許多文章仍然無法解決。
排查之后發現是css給img標簽賦了個屬性阻止了所有img事件。
去掉這個屬性即可。

方法一:

去掉這個屬性。

img {
    /* 這個屬性可以阻止安卓系統點擊圖片按鈕變成放大圖片的行為 */
    pointer-events: none;
}

注釋掉即可。

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

方法二：

可以對全局的img標簽添加事件阻止

img {
    pointer-events: none;
}

並且在需要用到圖片點擊事件（如識別二維碼）的標簽修改屬性。

.qrCode {
    pointer-events: all;
}