使用 Javascript 禁用网页右键点击

引言

这个技巧可以帮助你防止在你的网页上进行右键点击... 我已经成功地在一个博客中实现了这段代码，你可以去那里演示一下。

背景

作为一名网页开发者，你总是希望禁用鼠标右键点击等功能，以解决一些安全问题。这段简单的 Javascript 代码可以帮助你实现该功能。许多银行的网上银行系统为了安全原因，都禁止用户右键点击。

使用代码 

要禁用右键点击，首先我们需要确定用户点击的是哪个键。我们可以使用 e.buttons 或 event.button（仅在 IE 中）来识别这些键。我们首先将鼠标点击事件绑定到一个特定的函数。

 document.onmousedown = clickfn;

在 clickfn(e) 中，参数 e 只能在 IE 7 或更早版本之外的浏览器中使用。我们可以使用以下代码识别按钮。然后我们将被点击的按钮分配给一个变量 var button。

var button;
  if (navigator.appName == "Microsoft Internet Explorer") {
     button = event.button;// In IE, because IE 7 Doesnot support e.
               
     }
  else {
     button = e.buttons;// in other browsers
 }  

我们可以使用 Navigator 对象来识别浏览器

navigator.appName == "Microsoft Internet Explorer"

navigator.appName 将提供有关正在使用的浏览器的信息。

  if (button == 2) {
    alert("Right Click Disabled");

    if (navigator.appName == "Microsoft Internet Explorer") {
         event.returnValue = false;
       }                
       return false;
   }

  event.returnValue = false; // IE 7 需要这个技巧...

这段代码将禁用右键点击并显示警报消息。我已经成功地在以下博客中实现了它，请尝试在博客页面上右键点击查看。

 要获取完整代码，请点击这里...

请访问此博客以获取更多信息...

值得关注的点  

Javascript 事件和 navigator 对象。