禁用从HTML页面中拖动图像

我需要在我的页面上放一张图片。我要禁用图像的拖拽。我尝试了很多方法，但都无济于事。有人能帮我一下吗?

我不想保留那个图像作为背景图像因为我在调整图像的大小。

当前回答

由于我的图像是使用ajax创建的，因此在windows.load上不可用。

$("#page").delegate('img'， 'dragstart'， function(事件){event. preventdefault ();})；

通过这种方式，我可以控制哪个部分阻塞行为，它只使用一个事件绑定，它适用于未来ajax创建的图像，而无需做任何事情。

与jQuery新的绑定:

$(' # '页)。on('dragstart'， 'img'， function(event) {event. preventdefault ();})； (感谢@ialphan)

2012-02-09 15:43:30

其他回答

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}

我在自己的网站http://www.namdevmatrimony.in/上使用了它这就像魔法一样!!：）

2016-03-10 18:51:04

答案很简单:

<body oncontextmenu="return false"/> -禁用右键单击 <body ondragstart="return false"/> -禁用鼠标拖动 <body ondrop="return false"/> -禁用鼠标下落

2019-07-11 01:34:43

很好的解决方案，有个小矛盾，如果其他人有冲突从其他js库简单启用没有这样的冲突。

var $j = jQuery.noConflict();$j('img').bind('dragstart', function(event) { event.preventDefault(); });

希望这能帮助到一些人。

2011-11-03 23:04:57

好吧，这是可能的，其他的答案是完全有效的，但你可以采取暴力的方法，防止鼠标在图像上的默认行为。也就是开始拖动图像。

就像这样:

window.onload = function () {  
    var images = document.getElementsByTagName('img');   
    for (var i = 0; img = images[i++];) {    
        img.ondragstart = function() { return false; };
    }  
};

2010-11-18 05:31:15