【vue】H5页面JS禁止使用鼠标右键，禁止长按弹出右键菜单
排查找资料后发现这是因为页面设置了其他右键事件，oncontextmenu监听的是右键从按下到弹起，期间也监听到了其他的右键事件，其他的右键事件触发了右键菜单，使我们的方法失效。将以下内容粘贴到script标签中即可，在电脑调试页面中，和微信公众号的网页中均有效果。使用这种方式在Windows系统中表现正常，但是在Mac中却进不了监听事件。...
·
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();
})
前往低代码交流专区
更多推荐
3
0- 0
已为社区贡献15条内容
所有评论(0)