禁止拖动所有图像

Question

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

Answer 1

怎么样...

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>

Answer 2

怎么样...

document.getElementsByClassName("class_values");

如何“获取”元素

禁止拖动所有图像

问题描述

2 个解决方案

解决方案1
0 2017-12-17 23:35:48

解决方案2
0 2017-12-19 16:39:32

禁止拖动所有图像

问题描述

2 个解决方案

解决方案1 0 2017-12-17 23:35:48

解决方案2 0 2017-12-19 16:39:32

解决方案1
0 2017-12-17 23:35:48

解决方案2
0 2017-12-19 16:39:32