2017-12-17 2 views
1

したがって、特定のページのすべての画像をドラッグしないようにしたい。私はこの作業をondragstart="return false"としましたが、JQueryで動作させるにはHTML属性を使用するのが嫌です(特に画像が多いため)。私が持っているコードは次のとおりです。私は、開発ツールに見たとき、私はすべての画像上のイベントリスナーを見ることができますが、私はまだそれらをドラッグすることができますすべての画像のドラッグを無効にする

const img = document.getElementsByTagName("img") 
for (let i = 0; i < img.length; i++) { 
    img[i].addEventListener("drag", function(a) { 
     a.preventDefault; 
    }); 
} 

。何が起きてる?ところで、私もfunction() {return false}を試しました。

+2

あなたがそこにパソコンに画像をコピーするためにそれらを防止している場合そうすることによって他のpplに迷惑をかけさせるだけで、それを得るための別の方法を見つけることになります。ウェブ上にものを置くことは、あなたが世界にものを共有することを意味します。 – Endless

+0

@Endlessイメージはボタンのように見えたかったし、通常のイメージのようにイメージをドラッグすることができれば、そのように感じることはありません。ちなみに、画像は特別なものではないので、誰もがダウンロードしたいと思っています。 –

+0

あなたは 'img [i] .addEventListener(" dragstart "...'? '' drag''が実行中です – Archer

答えて

-1

どの程度...

HTML ondragstart Event Attribute

<body> 
    <img src="html5.png" id="html5" width="256px" height="256px" alt="HTML5" /> 
</body> 

<script> 
    document.getElementById('html5').ondragstart = function() { return false; }; 
</script> 
+0

これはidが 'html5'の画像上でのドラッグを無効にします。ページ上の**すべての**画像でドラッグを無効にしようとしています。 –

関連する問題