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。

  • 相关阅读:
    冒泡排序(js版)
    闭包
    继承 (js原型链)
    DBUtility SqlHelp
    ERP 分录大全(轉六朝古都)
    ebs 11i 订单相关表结构学习及销售到出仓所经历的表
    采购管理系统基本概念
    Oracle Purchase Order Types
    PO主要SQL
    学习hashtable
  • 原文地址:https://www.cnblogs.com/ylblogs/p/11045936.html
Copyright © 2011-2022 走看看