如何禁用鼠標單擊拖動圖像？

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 （跨瀏覽器的性能尚未經過測試），請嘗試以下三種方法之一：

<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;'/>

演示版