簡體   English   中英

禁止拖動所有圖像

[英]Disable dragging for all images

因此,我想禁止在特定頁面上的所有圖像上拖動。 我已經使用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}

怎么樣...

HTML ondragstart事件屬性

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

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

怎么樣...

document.getElementsByClassName("class_values");

如何“獲取”元素

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM