zoukankan      html  css  js  c++  java
  • 移动端 --- 阻止浏览器点击图片会预览的方法

    下面介绍几种方法:

    1. 在img元素上添加 onclick="return false" (推荐)

    <img src="a.png" onclick="return false" />

    2. 图片用背景图的方式插入

    background:url(a.png) norepeat center;

    3. 使用js事件阻止默认行为的方法,这里需要注意哦!

    var img = document.getElementById('banner');

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

      e.preventDefault();

    });

    关于这里的click事件,其实也可以是touchend事件,但是不可以是touchstart和touchmove事件!

    因为使用touchstart和touchmove事件的时候,假如页面顶部有个超级大的banner图,那么当横屏显示或者类似于ipad等屏幕宽度大于高度的情况下,整个banner图都占满了屏幕,这个时候页面没法滑动。因为你用touchstart和touchmove禁止掉了图片的默认行为,所以手指怎么滑动,页面都没反应的。刚好这个滑动的行为触发了touchstart和touchmove。

  • 相关阅读:
    HDU
    HDU
    HDU
    CodeForces
    还没有过的题目记录
    HDU
    FZU
    排序:根据数组里某个对象排序
    获取当前毫秒数
    选择日期默认月初到月末
  • 原文地址:https://www.cnblogs.com/ylblogs/p/11045936.html
Copyright © 2011-2022 走看看