禁止从 HTML 页面拖动图像

Question

我需要在我的页面中放置一张图片。我想禁用该图像的拖动。我正在尝试很多事情，但没有帮助。有人可以帮帮我吗？

我不想将该图像保留为背景图像，因为我正在调整图像大小。

原文由 Puru 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我自己试了一下，发现这是可行的。

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

我确信这会禁用所有图像的拖动。不确定它会影响其他东西。

原文由 Puru 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

你可以喜欢这个…

 document.getElementById('my-image').ondragstart = function() { return false; };

看到它工作（或者不工作，而是）

看来您正在使用 jQuery。

 $('img').on('dragstart', function(event) { event.preventDefault(); });

原文由 alex 发布，翻译遵循 CC BY-SA 3.0 许可协议