📜  禁用鼠标右键单击javascript(1)

📅  最后修改于: 2023-12-03 15:27:19.451000             🧑  作者: Mango

禁用鼠标右键单击 JavaScript

JavaScript 可以通过监听鼠标事件来实现禁用鼠标右键单击。这对于需要保护网站内容的情况非常有用。下面介绍两种实现方法。

方法一:使用 HTML 属性

在 HTML 标签中添加 oncontextmenu 属性,该属性可以指定右键单击时执行的 JavaScript 代码。通过返回 false 值即可禁用鼠标右键单击。

<body oncontextmenu="return false;">
  <!-- 页面内容 -->
</body>

该方法需要在每个需要禁用右键单击的标签中添加 oncontextmenu 属性,可以考虑使用 JavaScript 动态添加该属性以达到全局禁用的效果。

方法二:使用 JavaScript 事件监听器

通过在 JavaScript 文件中添加事件监听器来实现禁用右键单击的功能。

document.addEventListener('contextmenu', function(e) {
  e.preventDefault();
});

使用 addEventListener 函数指定 contextmenu 事件,该事件在鼠标右键单击时触发。在事件处理函数中,使用 preventDefault 函数阻止默认行为即可禁用右键单击。

如果需要全局禁用右键单击,可以将该事件监听器添加到 window 对象上。

window.addEventListener('contextmenu', function(e) {
  e.preventDefault();
});

以上两种方法均可以实现禁用鼠标右键单击的功能,需要根据具体实现场景进行选择。