javascript onkeydown事件
2016-05-19 16:46
357 查看
转自:http://www.jb51.net/article/56376.htm
JavaScript onkeydown 事件
用户按下一个键盘按键时会触发 onkeydown 事件。与 onkeypress 事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理。
提示
Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which。
onkeydown 获取用户按下的键
下面是一个利用 onkeydown 事件获取用户按下键盘按键信息的例子:
如上面例子所示,event.keyCode/event.which 得到的是一个按键对应的数字值(Unicode 编码),常用键值对应如下:
在 Web 应用中,常常可以看到利用 onkeydown 事件的 event.keyCode/event.which 来获取用户的一些键盘操作,从而运行某些运用的例子。如在用户登录时,如果按下了大写锁定键(20),则加以提示大写锁定;在有翻页的时候,如果用户按下左右箭头,触发上下翻页等。
获得 Unicode 编码值之后,如果需要得到实际对应的按键值,可以通过 Srting 对象的 fromCharCode 方法(String.fromCharCode())获得。注意,对于字符获得的始终是大写字符,而对于其他一些功能按键,得到的字符可能不太易阅读。
补充:
fromCharCode是String对象的静态方法,它负责把参数接收到的Unicode编码转换为相对应的字符串。可以同时接受多个Unicode编码,中间用逗号分隔。
JavaScript onkeydown 事件
用户按下一个键盘按键时会触发 onkeydown 事件。与 onkeypress 事件不同的是,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" onkeydown="return noNumbers(event)" /> </body> </html>
如上面例子所示,event.keyCode/event.which 得到的是一个按键对应的数字值(Unicode 编码),常用键值对应如下:
在 Web 应用中,常常可以看到利用 onkeydown 事件的 event.keyCode/event.which 来获取用户的一些键盘操作,从而运行某些运用的例子。如在用户登录时,如果按下了大写锁定键(20),则加以提示大写锁定;在有翻页的时候,如果用户按下左右箭头,触发上下翻页等。
获得 Unicode 编码值之后,如果需要得到实际对应的按键值,可以通过 Srting 对象的 fromCharCode 方法(String.fromCharCode())获得。注意,对于字符获得的始终是大写字符,而对于其他一些功能按键,得到的字符可能不太易阅读。
补充:
fromCharCode是String对象的静态方法,它负责把参数接收到的Unicode编码转换为相对应的字符串。可以同时接受多个Unicode编码,中间用逗号分隔。
相关文章推荐
- js获取网页的各种高度和宽度
- HTML特殊字符的html、js、css写法汇总
- 获取项目路径 js
- 常用js方法
- Javascript 严格模式“use strict” 详解
- JavaScript 正则表达式——基本语法(2)
- js选择器封装
- js 打开url
- js原型
- js中的parseInt()函数
- JavaScript定义类
- MVC5中后台提供Json,前台处理Json,绑定给Dropdownlist的例子
- C#中对象,字符串,dataTable、DataReader、DataSet,对象集合转换成Json字符串方法。
- Extjs4文件上传
- CoffeeScript 更优美的Javascript
- js ajax跨域被阻止 CORS 头缺少 'Access-Control-Allow-Origin'
- js多功能分页组件layPage使用方法详解
- 自定义类的实例化对象转JSON--结合Runtime
- 《JS高程》创建对象的7种方式(完整版)
- 深入理解MVC中的时间js格式化