键盘事件

JavaScript015

键盘事件,第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