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