博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
阅读量:6612 次
发布时间:2019-06-24

本文共 1164 字,大约阅读时间需要 3 分钟。

JavaScript onkeydown 事件

用户按下一个键盘按键时会触发 onkeydown 事件。与 事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理。

提示

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

onkeydown 获取用户按下的键

下面是一个利用 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" οnkeydοwn="return noNumbers(event)" />
</body>
</html>

 

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

 

数字值 实际键值
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(下箭头)

 

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

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

 PS:这里再为大家推荐一款关于JS事件的在线查询工具,归纳总结了JS常用的事件类型与函数功能:

javascript事件与功能说明大全:

转载地址:http://cuaso.baihongyu.com/

你可能感兴趣的文章
CORS解决跨域问题
查看>>
Webstrom快捷键大全
查看>>
python 基础 1.5 python数据类型(三)--元组常用方法示例
查看>>
HTML笔记06--浮动第一章
查看>>
使用Perl5获取有道词典释义
查看>>
Python开发环境搭建for Windows
查看>>
CentOS 7安装与配置Tomcat8
查看>>
Bootstrap两端对齐的导航实例
查看>>
POJ 3250 Bad Hair Day
查看>>
jpa的分页实现
查看>>
请定义一个交通工具(Vehicle)的类,其中有: 属性:速度(speed),体积(size)等等
查看>>
垃圾收集器与内存分配策略(一)
查看>>
20175311 2018-2019-2 《Java程序设计》第四周学习总结
查看>>
腾讯云CVM之间配置免密钥登录
查看>>
HTML元素1: 基本元素,标题,段落,链接,图像等
查看>>
MyBatis原理
查看>>
599. Minimum Index Sum of Two Lists(easy)
查看>>
文件的打开和关闭
查看>>
css_文本溢出
查看>>
BOM,Dom 回顾
查看>>