使用javascript屏蔽web页面上特定按键事件和右键菜单

最新推荐文章于 2020-09-12 09:22:24 发布

冰河渔夫

最新推荐文章于 2020-09-12 09:22:24 发布

阅读量2k

点赞数

分类专栏： Web 文章标签： javascript context menu

Web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

简介

本文将介绍如何在web页面上禁用特定的按键，如Shift、Ctrl等，以及如何禁用右键菜单。下面介绍的方法适用于当前大多数浏览器。

代码实现

定义javascript 函数，并且将其作为页面body的onload事件的处理函数。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
  function restrainIllegalOperation(){
     document.onkeydown = keyEventHandle;
     document.oncontextmenu = contextEventHandle; 
  }

  function keyEventHandle(e) {
      // The information under keys is registered.
      var shift, ctrl, alt;
    
      // Mozilla(Firefox, NN) and Opera
      if (e != null) {
          keycode = e.which;
          ctrl    = typeof e.modifiers == 'undefined' ? e.ctrlKey : e.modifiers & Event.CONTROL_MASK;
          shift   = typeof e.modifiers == 'undefined' ? e.shiftKey : e.modifiers & Event.SHIFT_MASK;
          alt   = typeof e.modifiers == 'undefined' ? e.altKey : e.modifiers & Event.ALT_MASK;
      // Internet Explorer
      } else {
          keycode = event.keyCode;
          ctrl    = event.ctrlKey;
          shift   = event.shiftKey;
          alt     = event.altKey;
      }

      // Ctrl + R
      if((ctrl && keycode == 82) || (ctrl == 17 && keycode == 82)) {
          // Mozilla(Firefox, NN) and Opera
          if (e != null) {
              // The higher rank propagation of an event is prevented. 
            e.which = 0;
              e.preventDefault();
              e.stopPropagation();
          // Internet Explorer
          } else {
              // The higher rank propagation of an event is prevented. 
            event.keyCode = 0;
              event.returnValue = false;
              event.cancelBubble = true;
          }
          return false;
      }
      
      // Ctrl + F5
      if((ctrl && keycode == 116) || (ctrl == 17 && keycode == 116)) {
          // Mozilla(Firefox, NN) and Opera
          if (e != null) {
              // The higher rank propagation of an event is prevented. 
            e.which = 0;
              e.preventDefault();
              e.stopPropagation();
          // Internet Explorer
          } else {
              // The higher rank propagation of an event is prevented. 
            event.keyCode = 0;
              event.returnValue = false;
              event.cancelBubble = true;
          }
          return false;
      }
      
      // F5
      if(keycode == 116) {
          // Mozilla(Firefox, NN) and Opera
          if (e != null) {
              // The higher rank propagation of an event is prevented. 
            e.which = 0;
              e.preventDefault();
              e.stopPropagation();
          // Internet Explorer
          } else {
              // The higher rank propagation of an event is prevented. 
            event.keyCode = 0;
              event.returnValue = false;
              event.cancelBubble = true;
          }
          return false;
      }
      
      // Alt 
      if((alt && keycode == 37) || (alt == 18 && keycode == 37)) {
          // Mozilla(Firefox, NN) and Opera
          if (e != null) {
              // The higher rank propagation of an event is prevented. 
            e.which = 0;
              e.preventDefault();
              e.stopPropagation();
          }
          return false;
      }

      // ESC
      if(keycode == 27) {
          // Mozilla(Firefox, NN) and Opera
          if (e != null) {
              // The higher rank propagation of an event is prevented. 
            e.which = 0;
              e.preventDefault();
              e.stopPropagation();
          // Internet Explorer
          } else {
              // The higher rank propagation of an event is prevented. 
            event.keyCode = 0;
              event.returnValue = false;
              event.cancelBubble = true;
          }
          return false;
      }

      // BackSpace
      if(keycode == 8) {
          if ((document.activeElement.type == "text") || 
            (document.activeElement.type == "textarea") ||
            (document.activeElement.type == "password") ||
            (document.activeElement.type == "file")) {
              if(!document.activeElement.readOnly) {
                  return true;
              }
          }
          // Mozilla(Firefox, NN) and Opera
          if (e != null) {
              // The higher rank propagation of an event is prevented. 
            e.which = 0;
              e.preventDefault();
              e.stopPropagation();
          // Internet Explorer
          } else {
              // The higher rank propagation of an event is prevented. 
            event.keyCode = 0;
              event.returnValue = false;
              event.cancelBubble = true;
          }
          return false;
      }

      // Mozilla(Firefox, NN) and Opera
      if (e != null) {
        // In MacOS, Cmd+R (renewal of a Web page and cash) deters.
        if (e.metaKey && keycode == 82) {
          return false;
        }
        
        // In MacOS, it is Cmd+. Control of [(it moves to a front page) 
        if (e.metaKey && keycode == 219) {
          return false;
        }
      }

  }

  function contextEventHandle() {
      return false;
  }
</script>

<title></title>
</head>
<body οnlοad="restrainIllegalOperation()">
  Prevent special keys and context menu.
</body>
</html>

本文译自Prevent user hit some special keywords(Ctrl, Shift...) and access context menu on webpage

冰河渔夫

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用javascript屏蔽web页面上特定按键事件和右键菜单

一、取得页面控件值的几种方式 1、用控件的名称（ElementName） document.formName.elementName.value。如：表单form的名字为 userForm，表单中一元素（一文本框，供用户输入姓名）的名称（name 属性）为 userName，则通过document.userForm.userName.value 取得用户的输入值。 2、用控件的
复制链接

扫一扫