热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

文章目录以功能区分布以keycode编号顺序分布简记表使用示例:组合键获取用户按下的键javascript判断是否按回车键屏蔽按键组合健获取键和相应值的js回目录

文章目录

  • 以功能区分布
  •  
  • 以 keycode 编号顺序分布
  • 简记表
  • 使用示例:
  • 组合键
  • 获取用户按下的键
  • Javascript判断是否按回车键
  • 屏蔽按键组合健
  • 获取键和相应值的js

回目录

以功能区分布


回目录

 

回目录

以 keycode 编号顺序分布

点击展开

 

回目录

简记表


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

 

回目录

使用示例:

回目录

组合键

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 事件获取用户按下键盘按键信息的例子:






 

如上面例子所示,event.keyCode/event.which 得到的是一个按键对应的数字值(Unicode 编码),常用键值对应如下:

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

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

 

回目录

Javascript判断是否按回车键

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值等


推荐阅读
author-avatar
水晶玲珑9261996
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有