禁用所有图像的拖动

问题描述 投票:2回答:2

所以,我想禁用拖动特定页面上的所有图像。我已经使用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}

javascript jquery
2个回答
0
投票

怎么样...

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
投票

怎么样...

document.getElementsByClassName("class_values");

How to “get” elements

© www.soinside.com 2019 - 2024. All rights reserved.