禁用从HTML页面中拖动图像

我需要在我的页面上放一张图片。我要禁用图像的拖拽。我尝试了很多方法，但都无济于事。有人能帮我一下吗?

我不想保留那个图像作为背景图像因为我在调整图像的大小。

当前回答

我自己也试过，发现这很有效。

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

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

其他回答

很好的解决方案，有个小矛盾，如果其他人有冲突从其他js库简单启用没有这样的冲突。

var $j = jQuery.noConflict();$j('img').bind('dragstart', function(event) { event.preventDefault(); });

希望这能帮助到一些人。

<img draggable="false" src="images/testimg1.jpg" alt=""/>

我不知道这里的答案是否对每个人都有帮助，但这里有一个简单的内联CSS技巧，它肯定会帮助你在HTML页面上禁用拖拽和选择文本。

在<body>标签上添加ondragstart="return false"。这将禁用拖拽图像。但如果你也想禁用文本选择，那么添加onselectstart="return false"。

代码如下所示:<body ondragstart="return false" onselectstart="return false">

jQuery:

$('body').on('dragstart drop', function(e){
    e.preventDefault();
    return false;
});

您可以将主体选择器替换为任何其他容器，以防止子容器被拖放。

你可以将以下内容添加到你不想拖拽的每张图片中(在img标签中):

onmousedown="return false;"

如。

img src="Koala.jpg" onmousedown="return false;"

推荐文章