阻止微信点击图片预览

发布于 2020-11-11  83 次阅读


1.问题:微信点击图片会预览

2.思路
(1)不让其点击
(2)阻止默认事件

3.解决方案

(1)不让其点击:
为图片添加以下属性

pointer-events: none;

或者:
为该img加一个div,只不过div的层在img的上面所以采用z-index进行层的浮动

(2)阻止默认事件
为img添加以下代码(这是vue中的写法)

@click.prevent="(()=>{return false})"

js中的写法:为img添加的点击事件

function () {
window.event?window.event.returnValue = false : e.preventDefault();
}

一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。