绑定右键菜单

Posted on 2021-08-27 17:21  ${妖气}  阅读(47)  评论(0编辑  收藏  举报

绑定右键菜单

contextmenu

1. 清除浏览器自带右键菜单

window.oncontextmenu = function (e) {
  e.preventDefault();
}

2. 绑定浏览器右键

  • 从js中对指定元素进行绑定
document.getElementById('id').oncontextmenu(function(){
  // 此处添加自定义的右键菜单元素显示方法
})
  • 在html中对指定标签进行属性绑定
<div contextmenu="ftn()"></div>
<!-- ftn()为显示右键菜单的方法 -->

3. 再次点击鼠标左键,清除所有的菜单(隐藏菜单)

在window.onclick中绑定上隐藏右键菜单的方法