どのように画像をクリックしてドラッグを無効にするには？

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

Demo