我需要在我的页面上放一张图片。我要禁用图像的拖拽。我尝试了很多方法，但都无济于事。有人能帮我一下吗?
我不想保留那个图像作为背景图像因为我在调整图像的大小。
当前回答
由于我的图像是使用ajax创建的，因此在windows.load上不可用。
$("#page").delegate('img'， 'dragstart'， function(事件){event. preventdefault ();})；
通过这种方式，我可以控制哪个部分阻塞行为，它只使用一个事件绑定，它适用于未来ajax创建的图像，而无需做任何事情。
与jQuery新的绑定:
$(' # '页)。on('dragstart'， 'img'， function(event) {event. preventdefault ();})； (感谢@ialphan)
其他回答
由于我的图像是使用ajax创建的，因此在windows.load上不可用。
$("#page").delegate('img'， 'dragstart'， function(事件){event. preventdefault ();})；
通过这种方式，我可以控制哪个部分阻塞行为，它只使用一个事件绑定，它适用于未来ajax创建的图像，而无需做任何事情。
与jQuery新的绑定:
$(' # '页)。on('dragstart'， 'img'， function(event) {event. preventdefault ();})； (感谢@ialphan)
你可以这样…
document.getElementById('my-image').ondragstart = function() { return false; };
看到它工作(或者不工作)
看起来你正在使用jQuery。
$('img').on('dragstart', function(event) { event.preventDefault(); });
window.ondragstart = function() { return false; }
从我自己的答案中，只需在图像上添加一个相同大小的完全透明元素。当你调整图片的大小时，一定要调整元素的大小。
这应该适用于大多数浏览器，甚至更老的浏览器。
好吧，这是可能的，其他的答案是完全有效的，但你可以采取暴力的方法，防止鼠标在图像上的默认行为。也就是开始拖动图像。
就像这样:
window.onload = function () {
var images = document.getElementsByTagName('img');
for (var i = 0; img = images[i++];) {
img.ondragstart = function() { return false; };
}
};
