失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > onkeyup onkeydown和onkeypress

onkeyup onkeydown和onkeypress

时间:2020-12-08 11:43:14

相关推荐

onkeyup onkeydown和onkeypress

======================

<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则是输入流被系统处理后发生的。

如果觉得《onkeyup onkeydown和onkeypress》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。