js中的键盘事件包括 onkeydown 、 onkeyup 、 onkeypress
1、onkeydown
键盘按下后就会立即执行的事件,不管是数字键、字母键还是功能键都能触发这个事件。
onkeydown有个特点:键盘一直按下会不停地触发事件,连续触发时,第一次和第二次的触发时间间隔会比较长一点,后面触发速度就非常的快。这种设计是为了防止误操作的发生。
2、onkeyup
键盘松开后立马执行的事件。
3、onkeypress
键盘按键被按下并释放一个键时执行。数字键、字母键能触发事件,但是功能键按下后不会触发这个事件,比如Esc、Tab、CapsLock、Shift、Ctrl、Alt、Delete、Backspace、四个方向键。
补充一些常用按键对应的Unicode编码:
Enter:13
space:32
Left:37
Up:38
Right:39
Down:40
<scripttype="text/javascript"language=JavaScriptcharset="UTF-8">
document.onkeydown=function(event){
vare=event||window.event||arguments.callee.caller.arguments[0]
if(e&&e.keyCode==27){//按Esc
//要做的事情
}
if(e&&e.keyCode==113){//按F2
//要做的事情
}
if(e&&e.keyCode==13){//enter键
//要做的事情
}
}
</script>
扩展资料:Js键盘事件
keydown:按键按下
keyup:按键抬起
keypress:按键按下抬起
<body>
<inputid="name"type="text"onkeydown="myKeyDown(this.id)"onkeyup="myKeyUp(this.id)">
</body>
<script>
/*输出输入的字符*/
functionmyKeyDown(id){
console.log(document.getElementById(id).value)
}
/*按键结束,字体转换为大写*/
functionmyKeyUp(id){
vartext=document.getElementById(id).value
document.getElementById(id).value=text.toUpperCase()
}
</script>
常用的键盘事件对应的键码:
keyCode8=BackSpaceBackSpace
keyCode9=TabTab
keyCode12=Clear
keyCode13=Enter
keyCode16=Shift_L
keyCode17=Control_L
keyCode18=Alt_L
keyCode19=Pause
keyCode20=Caps_Lock
keyCode27=EscapeEscape