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
有时候我们不希望网站的内容被直接复制走,希望可以禁用右键和禁止复制,我们可以这样做
前端开发 小铁匠 2018-09-17
vue组件之间传值
前端开发 小铁匠 2019-03-26
vue中使用axios发送请求封装,首先确保你的vue项目中已经安装了axios
前端开发 小铁匠 2019-03-12
vue中使用jquery发送ajax请求封装
前端开发 小铁匠 2019-03-12