我需要在我的页面上放一张图片。我要禁用图像的拖拽。我尝试了很多方法，但都无济于事。有人能帮我一下吗?
我不想保留那个图像作为背景图像因为我在调整图像的大小。
当前回答
<img draggable="false" src="images/testimg1.jpg" alt=""/>
其他回答
只需添加draggable="false"到你的图像标签:
<img draggable="false" src="image.png">
IE8及以下不支持。
很好的解决方案，有个小矛盾， 如果其他人有冲突从其他js库简单启用没有这样的冲突。
var $j = jQuery.noConflict();$j('img').bind('dragstart', function(event) { event.preventDefault(); });
希望这能帮助到一些人。
为此，您可以使用内联代码
<img draggable="false" src="http://www.ourkanpur.com/images/logo.png">
第二个选择是使用外部或页面上的css
img { -moz-user-select:没有; -webkit-user-select:没有; -ms-user-select:没有; 用户选择:没有; -webkit-user-drag:没有; user-drag:没有; -webkit-touch-callout:没有; ｝ < img src = " http://www.ourkanpur.com/images/logo.png " >
两者都正常工作 我在这个网站上使用外部css(点击这里)
这段代码正是您想要的。它可以阻止图像拖动，同时允许依赖于该事件的任何其他操作。
$("img").mousedown(function(e){
e.preventDefault()
});
为图像设置以下CSS属性:
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
