内容简介：在公众号里面嵌套的h5页面，我给img添加了点击事件，例如但是当我再安卓机微信上测试的时候，会先放大图片至全屏，然后再执行我的点击事件，iOS没有问题，就很烦啊。查找了好久都没有什么文章，后来才发现，是因为微信Android客户端已经在底层支持了img标签自动放大的功能。解决方法如下：
在公众号里面嵌套的h5页面，我给img添加了点击事件，例如
<img class="close-btn" src="./icons/close.png" @click="open">
但是当我再安卓机微信上测试的时候，会先放大图片至全屏，然后再执行我的点击事件，iOS没有问题，就很烦啊。查找了好久都没有什么文章，后来才发现，是因为微信Android客户端已经在底层支持了img标签自动放大的功能。
解决方法如下：
方法一：添加css属性，但是会让这个img的无法点击，你需要在这个img上再盖一层元素实现你的点击事件
//img css
img{
pointer-events: none;
}
方法二：使用vue的prevent禁止原生事件
<img @click.prevent='' class="close-btn" src="./icons/close.png" @click.stop="open">
参考文章： https://blog.csdn.net/weixin_34362875/article/details/87621710
欢迎转载，转载需带着文章出处链接~~
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- 移动端上传图片进行平移放大缩小操作后生成海报
- 让 Vuepress 支持图片放大功能
- jquery实现放大镜简洁代码
- jQuery：案例11 放大镜效果
- 随机放大的不规则瀑布流
- 为BlueLake主题增加图片放大效果
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
