海之蓝心
2018-05-04 06:49
采纳率: 38.1%
浏览 7.2k

手机端页面,点击img的图片,会变成预览模式

H5页面中几乎所有图片都是img,然后用定位做的。
貌似小的图片不会有这样的情况,比较大的图片,像大于300以上的图片,点击后会变成预览模式。。
这会造成用户体验比较差,应该不会出现这种情况才对,有谁知道是为什么吗?

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • 海之蓝心 2018-05-04 07:20

    原来只要是手机端的img就肯定会有这个情况。
    解决了,坐我旁边的大神,给了我这个,img{ pointer-events: none; }

    评论
    解决 3 无用 1
    打赏 举报
  • 小鹏代码CV工程师 2018-05-04 08:59

    img{ pointer-events: none; }

    评论
    解决 无用
    打赏 举报
  • 略张 2018-05-04 09:28

    给你思路
    点击时给图片添加一个class,例如active,
    每次点击判断是否该dom含有active,class,
    如果有就移除class,
    如果没有添加这个class,
    而你的css,用这个class渲染图片放大并居中等等你想要的效果,
    可以加上transition起到平滑动画的效果

    评论
    解决 无用
    打赏 举报
  • 略张 2018-05-04 09:31

    在img元素上添加 onclick="return false"

    2、.图片用背景图的方式插入
    background:url(a.png) norepeat center;
    3、.使用js事件阻止默认行为的方法,这里需要注意哦!
    var img = document.getElementById('banner');

    img.addEventListener('click',function(e){

      e.preventDefault();

    });

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题