📅  最后修改于: 2023-12-03 15:27:19.451000             🧑  作者: Mango
JavaScript 可以通过监听鼠标事件来实现禁用鼠标右键单击。这对于需要保护网站内容的情况非常有用。下面介绍两种实现方法。
在 HTML 标签中添加 oncontextmenu
属性,该属性可以指定右键单击时执行的 JavaScript 代码。通过返回 false
值即可禁用鼠标右键单击。
<body oncontextmenu="return false;">
<!-- 页面内容 -->
</body>
该方法需要在每个需要禁用右键单击的标签中添加 oncontextmenu
属性,可以考虑使用 JavaScript 动态添加该属性以达到全局禁用的效果。
通过在 JavaScript 文件中添加事件监听器来实现禁用右键单击的功能。
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
使用 addEventListener
函数指定 contextmenu
事件,该事件在鼠标右键单击时触发。在事件处理函数中,使用 preventDefault
函数阻止默认行为即可禁用右键单击。
如果需要全局禁用右键单击,可以将该事件监听器添加到 window
对象上。
window.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
以上两种方法均可以实现禁用鼠标右键单击的功能,需要根据具体实现场景进行选择。