js禁止图片拖拽

前端开发 2024-12-26

jQuery写法:

$("img").on("dragstart", function (e) {
  e.preventDefault();
});

原生JS写法:

document.querySelectorAll('img').forEach(image => {
  image.addEventListener('dragstart', function (event) {

    event.preventDefault();
  });
});

将上述代码放入你的JavaScript文件中,并确保在文档加载完成后执行(例如在DOMContentLoaded事件或者页面的load事件中),这样就可以阻止页面上的所有图片被拖拽了。

------ 本文结束 感谢阅读 ------