【转】JS键盘按钮keyCode及示例大全（JS前端）

最新推荐文章于 2023-08-09 14:40:28 发布

st独酌

最新推荐文章于 2023-08-09 14:40:28 发布

阅读量1.4k

点赞数

分类专栏： Java Script 文章标签：快捷键

Java Script 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

文章目录

回目录

以功能区分布

回目录

以 keycode 编号顺序分布

点击展开

回目录

简记表

数字值	实际键值
48到57	0到9
65到90	a到z（A到Z）
112到135	F1到F24
8	BackSpace（退格）
9	Tab
13	Enter（回车）
20	Caps_Lock（大写锁定）
32	Space（空格键）
37	Left（左箭头）
38	Up（上箭头）
39	Right（右箭头）
40	Down（下箭头）

回目录

使用示例：

回目录

组合键

if ((window.event.ctrlKey)&&(window.event.keyCode==49))

alert("您按下了CTRL＋1键");

从以上例子可以看出，shift、Control、Alt 在JS中也可用“window.event.shiftKey”、“window.event.ctrlKey”、“window.event.altKey” 代替。

Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 等浏览器使用 event.which。

回目录

获取用户按下的键

下面是一个利用 onkeydown 事件获取用户按下键盘按键信息的例子：

复制代码

<html>
<body>
<script type="text/javascript">

function noNumbers(e)
{
    var keynum;
    var keychar;

    keynum = window.event ? e.keyCode : e.which;
    keychar = String.fromCharCode(keynum);
    alert(keynum+':'+keychar);
}

</script>
<input type="text" onkeydown="return noNumbers(event)" />
</body>
</html>

复制代码

如上面例子所示，event.keyCode/event.which 得到的是一个按键对应的数字值（Unicode 编码），常用键值对应如下：

在 Web 应用中，常常可以看到利用 onkeydown 事件的 event.keyCode/event.which 来获取用户的一些键盘操作，从而运行某些运用的例子。如在用户登录时，如果按下了大写锁定键（20），则加以提示大写锁定；在有翻页的时候，如果用户按下左右箭头，触发上下翻页等。

获得 Unicode 编码值之后，如果需要得到实际对应的按键值，可以通过 Srting 对象的 fromCharCode 方法（String.fromCharCode()）获得。注意，对于字符获得的始终是大写字符，而对于其他一些功能按键，得到的字符可能不太易阅读。

回目录

javascript判断是否按回车键

复制代码

<input id="chatMsg" name="chatMsg" type="text"

size="90" onkeypress="enterHandler(event);"/>

 

function enterHandler(event)

{

//获取用户单击键盘的“键值”

var keyCode = event.keyCode ? event.keyCode 

: event.which ? event.which : event.charCode;

//如果是回车键

if (keyCode == 13)

{

sendRequest();

}

}

复制代码

回目录

屏蔽按键组合健

复制代码

function Key Down(){    
  if ((window.event.altKey)&& 
      ((window.event.keyCode==37)||   //屏蔽 Alt+ 方向键 ← 
       (window.event.keyCode==39))){  //屏蔽 Alt+ 方向键 → 
     alert("不准你使用ALT+方向键前进或后退网页！"); 
     event.returnValue=false; 
     } 
  if ((event.keyCode==8)||            //屏蔽退格删除键 
      (event.keyCode==116)){          //屏蔽 F5 刷新键 
     event.keyCode=0; 
     event.returnValue=false; 
     } 
  if ((event.ctrlKey)&&(event.keyCode==78)){   //屏蔽 Ctrl+n 
     event.returnValue=false; 
     } 
  if ((event.shiftKey)&&(event.keyCode==121)){ //屏蔽 shift+F10 
     event.returnValue=false; 
     } 
  if (event.keyCode==122){ //屏蔽 F11 
     event.returnValue=false; 
     } 
  }

复制代码

回目录

获取键和相应值的js

另附上一段代码，

可以根据按的键盘上的键，显示键盘动作，并显示keyCode值等

st独酌

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【转】JS键盘按钮keyCode及示例大全（JS前端）

文章目录以功能区分布以 keycode 编号顺序分布简记表使用示例：组合键获取用户按下的键 javascript判断是否按回车键屏蔽按键组合健获取键和相应值的js回目录以功能区分布回目录回目录以 keycode 编号顺序分布点击展开回目录简记表数字值实际键值 48到57 0到9 65到9...
复制链接

扫一扫