onkeyup，onkeydown和onkeypress的区别介绍

ttx9n · 发表于 2013-10-21 17:00:21

三者在事件的响应上还有一点不同，就是onkeydown 、onkeypress事件响应的时候输入的字符并没有被系统接受，而响应onkeyup的时候，输入流已经被系统接受 msdn上有三者的区别：

名称说明

onkeypress

这个事件在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。

onkeyup

这个事件在用户放开任何先前按下的键盘键时发生。

onkeydown

这个事件在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。

======================
复制代码代码如下:
<html>
<script>
function checkForm(){
if(event.keyCode ==13){
event.keyCode =9;
}
}
</script>
<body>
<form name ="form1">
<input type="text" name = "text1" onkeydown = "checkForm()">
<input type="button" name = "button1" value="按钮">
</form>
</body>
</html>

当按下回车时，焦点从文本框移到按钮上。如果把它换成“onkeypress”，焦点不会转移，也不会失去。但是如果换成“onkeyup”，则失去焦点，页面重新载入。

测试发现onkeydown 事件最先执行，其次是onkeypress,最后是onkeyup；onkeydown 和onkeypress会影响onkeyup的执行。三个事件同事在的话，都是alert的话，只会弹出2个alert，up事件的alert不会弹出。

三者在事件的响应上还有一点不同，就是onkeydown 、onkeypress事件响应的时候输入的字符并没有被系统接受，而响应onkeyup的时候，输入流已经被系统接受。由于onkeydown 比onkeypress先执行，再根据上面的例子可以知道，onkeydown 触发的时候输入流正要进入系统，也就是说onkeydown 事件一完，输入流就进入了系统，无法改变。所以通过onkeydown 事件可以改变用户是按了哪个键；而onkeypress事件则是在输入流进入系统后触发的，但输入流暂未被系统处理，此时已经不能改变输入流了；onkeyup则是输入流被系统处理后发生的。

平平安安 · 发表于 2022-11-18 09:43:01

很好，谢谢分享

e8hwl6prw · 发表于 2022-12-6 08:40:33

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

黑白键 · 发表于 2022-12-15 20:27:03

可以，看卡巴

thywok · 发表于 2023-1-30 10:04:02

来看看怎么样

5vulod · 发表于 2023-2-8 08:40:57

sdsadsadsadf

回复用户5 · 发表于 2023-5-17 05:53:09

天天源码社区论坛

feiyasqhr · 发表于 2023-7-18 00:05:43

哈哈哈哈哈哈

5ble0ks · 发表于 2023-8-20 20:11:17

hi哦回复iOS就看见

wangdj110 · 发表于 2023-12-9 14:10:57

笑纳了老板

账号		自动登录	找回密码
密码			立即注册

[JavaScript] onkeyup，onkeydown和onkeypress的区别介绍

相关帖子