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事件中),这样就可以阻止页面上的所有图片被拖拽了。

------ 本文结束 感谢阅读 ------
上一篇: moment.js使用笔记
下一篇: JS计算数组差集
推荐阅读
vue组件间方法调用
前端开发 小铁匠 2019-03-26
vue引入axios出现Module parse failed: Unexpected token (5:2) 页面显示 Cannot GET /
前端开发 小铁匠 2024-08-03
在css中使用中文时,有时会出现乱码的现象,比如在content属性中使用中文
前端开发 小铁匠 2024-12-16
在 JavaScript 中,计算两个数组的差集(即找出在数组 A 中但不在数组 B 中的元素)可以通过多种方式实现
前端开发 小铁匠 2025-02-14
moment.js使用笔记
前端开发 2024-12-26