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

就像这样:

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

这段代码正是您想要的。它可以阻止图像拖动，同时允许依赖于该事件的任何其他操作。

$("img").mousedown(function(e){
    e.preventDefault()
});

你可以将以下内容添加到你不想拖拽的每张图片中(在img标签中):

onmousedown="return false;"

如。

img src="Koala.jpg" onmousedown="return false;"

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

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

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

与jQuery新的绑定:

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

我做的css属性显示在这里以及监视器ondragstart与以下javascript:

handleDragStart: function (evt) {
    if (evt.target.nodeName.match(/^(IMG|DIV|SPAN|A)$/i)) {
      evt.preventDefault();
      return false;
    }
  },

从我自己的答案中，只需在图像上添加一个相同大小的完全透明元素。当你调整图片的大小时，一定要调整元素的大小。

这应该适用于大多数浏览器，甚至更老的浏览器。