内容简介:在公众号里面嵌套的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主题增加图片放大效果
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
疯狂Java讲义
李刚 / 电子工业出版社 / 2008-10 / 99.00元
《疯狂Java讲义》2000年至今,Java语言一直是应用最广的开发语言,并拥有最广泛的开发人群。如今,Java已经不再简单地是一门语言,它更像一个完整的体系,一个系统的开发平台。更甚至,它被延伸成一种开源精神。 《疯狂Java讲义》深入介绍了Java编程的相关方面,全书内容覆盖了Java的基本语法结构、Java的面向对象特征、Java集合框架体系、Java泛型、异常处理、Java GUI编......一起来看看 《疯狂Java讲义》 这本书的介绍吧!