如何禁用鼠标点击拖动任何图像?
问题描述:
我有一个图像<img src="fullscreen.jpg" />
在线驾驶考试,其中的问题是使用图像文字和图像嵌入问。当任何人单击图像并拖动鼠标时,它将移动图像。如何禁用鼠标点击拖动任何图像?
但我该如何阻止这种拖动?所以没有人允许这样做。
答
$('#id-of-your-image').mousedown(function(){return false});
当然,您可能必须使用其他选择器,因为在您的示例图像中没有id属性。
答
如果您使用的是jQuery,那么您正在寻找dragstart
事件。
$("img").bind('dragstart', function(){
return false;
});
+0
+1我试过你的。但我有一些飞行文本使用位置:绝对;在这种情况下,它会选择所有图像和文本。但是.mousedown的作品非常好。正是我需要的。 – YumYumYum
+0
您可以将选择器从“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;'/>
这工作正是我需要的。 – YumYumYum
您可以使用$('img')来定位您网站上的所有图片,但正如DzikiMarian所说,它只是将选择器更改为您的需求。 – Andrej