想要找点什么呢?

幕冬有柒

阻止微信点击图片预览

幕冬有柒 · 2021-04-20 · 405 次阅读

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();
}

  • 微信

Comments | 0 条评论