键盘事件

JavaScript016

键盘事件,第1张

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