美文网首页
vue移动端 安卓禁止点击微信img 自动放大

vue移动端 安卓禁止点击微信img 自动放大

作者: OnceWhite | 来源:发表于2018-06-27 14:06 被阅读175次
使用img标签的src属性将图片设置好了以后,在微信中调试,Androd微信客户端点击图片自带放大效果,iOS上无此问题。原因是微信Android客户端已经在底层支持了img标签自动放大的功能。
  • 方法一
//这个方式可能会把所有的默认的属性都屏蔽了,典型的就是a标签不能跳转 
$(document).on(‘click’, ‘img’, e => { 
    e.preventDefault(); 
}) 

*方法二

这个会让img标签的点击事件失效,如果想要点击图片就要给上面再写一层

//img css 
style="pointer-events: none; " 

*方法三

// index.html
<meta name="viewport" content="width=750,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

*方法四 最合适的方法

// vue  既能保证img标签的click,也能保证在微信中不自动放大
v-on:click.prevent="" 或者 @click.prevent="" 

来源:CSDN

相关文章

网友评论

      本文标题:vue移动端 安卓禁止点击微信img 自动放大

      本文链接:https://www.haomeiwen.com/subject/eppbyftx.html