我需要在我的页面上放一张图片。我要禁用图像的拖拽。我尝试了很多方法，但都无济于事。有人能帮我一下吗?
我不想保留那个图像作为背景图像因为我在调整图像的大小。
当前回答
很好的解决方案，有个小矛盾， 如果其他人有冲突从其他js库简单启用没有这样的冲突。
var $j = jQuery.noConflict();$j('img').bind('dragstart', function(event) { event.preventDefault(); });
希望这能帮助到一些人。
其他回答
document.getElementById('#yourImageId').addEventListener('dragstart', function(e) {
e.preventDefault();
});
工作在这个Plunker http://plnkr.co/edit/HbAbJkF0PVLIMjTmEZml
直接使用这个:ondragstart="return false;"在你的图像标签。
<img src="http://image-example.png" ondragstart="return false;"/>
如果你有多个图像，用<div>标签包装:
<div ondragstart="return false;">
<img src="image1.png"/>
<img scr="image2.png"/>
</div>
适用于所有主流浏览器。
我自己也试过，发现这很有效。
$("img").mousedown(function(){
return false;
});
我确信这将禁用所有图像的拖动。不确定它会影响其他东西。
好吧，这是可能的，其他的答案是完全有效的，但你可以采取暴力的方法，防止鼠标在图像上的默认行为。也就是开始拖动图像。
就像这样:
window.onload = function () {
var images = document.getElementsByTagName('img');
for (var i = 0; img = images[i++];) {
img.ondragstart = function() { return false; };
}
};
只需添加draggable="false"到你的图像标签:
<img draggable="false" src="image.png">
IE8及以下不支持。
