阻止HTML中的图片拖动

发表于   |   分类于   |  

在HTML中的img图片默认是可以拖动了，为了提升页面到逼格，可以通过下面几种方法阻止图片拖动：

  1. 改用background-image的方式实现。
  2. 给image添加一条样式规则：pointer-events:none（兼容性不太好，而且一旦设置，这个元素将无法收到hover/click事件）。

  3. 添加属性draggable="false"：

    1
    <img draggable="false" src="images.png">

  4. 给img元素绑定事件处理函数：

    1
    2
    3
    $("img").mousedown(function(){
        return false;
    });