绑定右键菜单

绑定右键菜单

contextmenu

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

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

2. 绑定浏览器右键

• 从js中对指定元素进行绑定

document.getElementById('id').oncontextmenu(function(){
  // 此处添加自定义的右键菜单元素显示方法
})

• 在html中对指定标签进行属性绑定

<div contextmenu="ftn()"></div>
<!-- ftn()为显示右键菜单的方法 -->

3. 再次点击鼠标左键，清除所有的菜单（隐藏菜单）

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