js禁用鼠标右键菜单以及失效问题

js禁用鼠标右键菜单方法

  //监听oncontextmenu,设置 ‘return false’
   document.oncontextmenu = function (e) {
      return false
      //或者 e.preventDefault()
    }

-今天项目中使用这种方式在Windows系统中表现正常，但是在Mac中却进不了监听事件，排查找资料后发现这是因为页面设置了其他右键事件， oncontextmenu监听的是右键从按下到弹起，期间也监听到了其他的右键事件，其他的右键事件触发了右键菜单，使我们的方法失效。
使用addEventListener解决了这个问题：

    // contextmenu 禁用右键菜单
    document.addEventListener('contextmenu', function (e) {
      e.preventDefault();
    })

记录一下。