【vue】H5页面JS禁止使用鼠标右键，禁止长按弹出右键菜单

js禁用鼠标右键菜单方法

将以下内容粘贴到script标签中即可，在电脑调试页面中，和微信公众号的网页中均有效果。

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

兼容mac电脑的方法

使用这种方式在Windows系统中表现正常，但是在Mac中却进不了监听事件。

排查找资料后发现这是因为页面设置了其他右键事件， oncontextmenu监听的是右键从按下到弹起，期间也监听到了其他的右键事件，其他的右键事件触发了右键菜单，使我们的方法失效。
使用addEventListener解决了这个问题：

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