如何禁用鼠标点击拖动任何图像？

我有一个图像<img src="fullscreen.jpg" />在线驾驶考试，其中的问题是使用图像文字和图像嵌入问。当任何人单击图像并拖动鼠标时，它将移动图像。如何禁用鼠标点击拖动任何图像？

但我该如何阻止这种拖动？所以没有人允许这样做。

2011-09-29 YumYumYum

$('#id-of-your-image').mousedown(function(){return false});

当然，您可能必须使用其他选择器，因为在您的示例图像中没有id属性。

来源

2011-09-29 23:30:27 DzikiMarian

这工作正是我需要的。 – YumYumYum

您可以使用$（'img'）来定位您网站上的所有图片，但正如DzikiMarian所说，它只是将选择器更改为您的需求。 – Andrej

如果您使用的是jQuery，那么您正在寻找dragstart事件。

$("img").bind('dragstart', function(){ 
    return false; 
});

来源

2011-09-29 23:31:44

+1我试过你的。但我有一些飞行文本使用位置：绝对;在这种情况下，它会选择所有图像和文本。但是.mousedown的作品非常好。正是我需要的。 – YumYumYum

您可以将选择器从“img”更改为“＃your-unique-image-id” –

尝试任何这些3，如果你不能或不想使用id或jQuery（跨浏览器的性能尚未经过测试）：

<img src="http://www.google.com/intl/en_com/images/srpr/logo3w.png" ondragstart='return false;'/> 
<img src="http://www.google.com/intl/en_com/images/srpr/logo3w.png" onmousedown='return false;'/> 
<img src="http://www.google.com/intl/en_com/images/srpr/logo3w.png" onmousedown='return false;' ondragstart='return false;'/>

Demo

来源

2011-09-29 23:40:14 someone

如何禁用鼠标点击拖动任何图像？

回答

相关问题