📜  禁用右键单击您的网页 - Html (1)

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

禁用右键单击您的网页 - Html

如果您想禁用访客在您的网页上右键单击,您可以使用以下两种方法:

1. 使用Javascript

您可以使用Javascript来拦截鼠标右键事件。以下是代码片段:

document.addEventListener('contextmenu', event => event.preventDefault());

这将在网页上阻止鼠标右键单击事件。请注意,此方法不是100%可靠,因为访问者可能会禁用Javascript或绕过此代码。

2. 添加CSS

您可以通过CSS来禁用右键单击事件。以下是代码片段:

body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

使用这种方法,对网页的整个body元素禁用了右键单击,但是您需要注意,此方法也不是100%可靠,因为用户可以通过禁用CSS来绕过它。

无论您选择哪种方式,禁用右键单击通常是不好的做法,因为它破坏了用户的预期,并且可能会导致用户离开网站。