JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
2014-10-17 00:00
549 查看
JavaScript onkeypress 事件
用户按下或按住一个键盘按键时会触发 onkeypress 事件。
注意:onkeypress 事件与 onkeydown 事件有些细微差别,onkeypress 事件不做相应功能键按下的处理。具体可将下面的示例更改为 onkeydown 事件后,可输入 !@#$ 等特殊字符即可体会出二者之间的差别。
提示
Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which。
利用 onkeypress 事件只允许输入数字
下面是一个利用 onkeypress 事件只允许用户在表单域输入数字的例子:
event.keyCode/event.which 得到的是一个按键对应的数字值(Unicode 编码),常用键值列于 onkeydown 事件一节中。例子中对 8 的值做特殊处理,是为了在文本域中支持退格(Backspace)键。
用户按下或按住一个键盘按键时会触发 onkeypress 事件。
注意:onkeypress 事件与 onkeydown 事件有些细微差别,onkeypress 事件不做相应功能键按下的处理。具体可将下面的示例更改为 onkeydown 事件后,可输入 !@#$ 等特殊字符即可体会出二者之间的差别。
提示
Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which。
利用 onkeypress 事件只允许输入数字
下面是一个利用 onkeypress 事件只允许用户在表单域输入数字的例子:
<html> <head> <script> function checkNumber(e) { var keynum = window.event ? e.keyCode : e.which; //alert(keynum); var tip = document.getElementById("tip"); if( (48<=keynum && keynum<=57) || keynum == 8 ){ tip.innerHTML = ""; return true; }else { tip.innerHTML = "提示:只能输入数字!"; return false; } } </script> </head> <body> <div>请输入数字:<input type="text" onkeypress="return checkNumber(event);" /> <span id="tip"></span> </div> </body> </html>
event.keyCode/event.which 得到的是一个按键对应的数字值(Unicode 编码),常用键值列于 onkeydown 事件一节中。例子中对 8 的值做特殊处理,是为了在文本域中支持退格(Backspace)键。
相关文章推荐
- JavaScript onkeydown事件入门实例(键盘某个按键被按下)
- JavaScript onkeydown事件入门实例(键盘某个按键被按下)
- JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
- JavaScript onkeydown事件入门实例(键盘某个按键被按下)
- js鼠标按键事件和键盘按键事件用法实例汇总
- js捕捉键盘事件和按键键值
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)
- GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- 键盘事件/透明度及碰撞检测的实例练习
- JQuery实例入门(添加鼠标事件)
- JQuery实例入门(添加鼠标事件)
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- C#中keybd_event实例(键盘钩子模拟按键)
- js鼠标、键盘事件实例代码
- 解决因焦点转移到其它组件,导致在 JFrame 中捕获不到键盘按键事件问题的方法
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- 如何在程序中模拟键盘的按键事件?
- GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(转)