美文网首页
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