JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
JavaScriptonkeypress事件
用户按下或按住一个键盘按键时会触发onkeypress事件。
注意:onkeypress事件与onkeydown事件有些细微差别,onkeypress事件不做相应功能键按下的处理。具体可将下面的示例更改为onkeydown事件后,可输入!@#$等特殊字符即可体会出二者之间的差别。
提示
InternetExplorer/Chrome浏览器使用event.keyCode取回被按下的字符,而Netscape/Firefox/Opera等浏览器使用event.which。
利用onkeypress事件只允许输入数字
下面是一个利用onkeypress事件只允许用户在表单域输入数字的例子:
<html> <head> <script> functioncheckNumber(e) { varkeynum=window.event?e.keyCode:e.which; //alert(keynum); vartip=document.getElementById("tip"); if((48<=keynum&&keynum<=57)||keynum==8){ tip.innerHTML=""; returntrue; }else{ tip.innerHTML="提示:只能输入数字!"; returnfalse; } } </script>
</head> <body> <div>请输入数字:<inputtype="text"onkeypress="returncheckNumber(event);"/> <spanid="tip"></span> </div> </body> </html>