取消默认事件和绑定默认事件

Tanjc518

于 2022-09-06 10:42:53 发布

阅读量346

点赞数

分类专栏：笔记文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/Tanjc518/article/details/126720094

版权

笔记专栏收录该内容

22 篇文章 0 订阅

订阅专栏

问题: 阻止默认操作和重新绑定右键事件

如: 右键菜单

// 取消右键默认
// 全局
document.oncontextmenu = function (event) {
  if (event.preventDefault) {
    event.preventDefault();
  }
}
// 区域
let demo = document.getElementsByClassName('demo')[0]
demo.oncontextmenu = (e) => {
  if (event.preventDefault) {
    event.preventDefault();
  }
}
// 重新绑定右键默认
// 全局
document.oncontextmenu = function (event) {
  console.log('');
}
// 区域
let demo = document.getElementsByClassName('demo')[0]
demo.oncontextmenu = (e) => {
  console.log('');
}