禁用所有图像的拖动

时间:2017-12-17 23:14:15

标签: javascript jquery

所以,我想禁用拖动特定页面上的所有图像。我已经使用pyuic5 -x dialog.ui -o dialog.py 完成了这项工作,但是当我可以使用JQuery时,我讨厌使用HTML属性(特别是因为它涉及很多图像)。我得到的代码是:

ondragstart="return false"

当我查看开发人员工具时,我可以在每个图像上看到事件监听器,但我仍然可以拖动它们。这里发生了什么? 顺便说一句,我也试过const img = document.getElementsByTagName("img") for (let i = 0; i < img.length; i++) { img[i].addEventListener("drag", function(a) { a.preventDefault; }); }

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

怎么样......

document.getElementsByClassName("class_values");

How to “get” elements