Question

我有一张用于在线驾驶考试的图片<img src="fullscreen.jpg" />，其中使用图片文字和嵌入图片来询问问题。当任何人点击图像并拖动鼠标时，它会移动图像。

但是我怎么能阻止这种拖延呢？所以没有人被允许这样做。

Answer 1

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

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

Answer 2

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

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

Answer 3

如果您不能或不想使用id或jQuery（浏览器性能尚未经过测试），请尝试以下3个中的任何一个：

<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

如何通过鼠标单击任何图像禁用拖动？

3 个答案: