图片点击预览问题,以及屏蔽点击预览但可以长按识别二维码。

微信浏览器内img标签默认是可以点击查看大图,但是会有一个特殊情况,就是当图片的大小小于3K时(经过我多次的测试),微信默认不会点击预览图片。

阻止图片的点击预览

1. 在img标签上添加 οnclick=“return false;” 这样阻止了图片的点击事件。

2. 阻止图片点击的默认行为。

3. 给图片添加属性pointer-events: none;

4. 改用背景图方式

这些都可以阻止图片的点击预览行为

但是这样的话就会屏蔽图片的长按识别二维码的功能。

如果需要阻止图片的点击预览还要长按识别功能,那就需要上面提到的图片小于3K时不能预览的情况。

将一个透明的图片(小于3K)覆盖的涵盖二维码的图片上方,这样二维码的就不会被预览了。微信的识别二维码的机制是截屏提取的,不用担心透明图片阻拦识别二维码的功能。

 

你可能感兴趣的:(微信开发)