禁用从 HTML 页面拖动图像

2022-08-30 00:55:35

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

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


答案 1

你可以喜欢这个...

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

看到它工作(或不工作,更确切地说)

看来你正在使用jQuery。

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

答案 2

仅 CSS 解决方案:使用pointer-events: none

https://developer.mozilla.org/en-US/docs/CSS/pointer-events