Как отключить перетаскивание с помощью мыши любого изображения?

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

Попробуйте любой из этих 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;'/>

Демо