海之蓝心 2018-05-03 22:49 采纳率: 33.3%
浏览 7328
已结题

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

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

  • 写回答

4条回答 默认 最新

  • 海之蓝心 2018-05-03 23:20
    关注

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

    评论
  • 小鹏代码CV工程师 2018-05-04 00:59
    关注

    img{ pointer-events: none; }

    评论
  • 略张 2018-05-04 01:28
    关注

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

    评论
  • 略张 2018-05-04 01: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();

    });

    评论
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 web前端的小问题。各位看看
  • ¥15 有关汽车的MC9S12XS128单片机实验
  • ¥15 求c语言动态链表相关课程有偿,或能将这块知识点讲明白
  • ¥15 FLKT界面刷新异常
  • ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证
  • ¥50 单细胞测序拟时序分析
  • ¥50 运行springboot项目报错
  • ¥15 FTP 站点对站点传输失败
  • ¥15 宝塔面板一键迁移使用不了
  • ¥15 求一个按键录像存储到内存卡的ESP32CAM代码
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部