onkeyup，onkeydown和onkeypress的区别介绍
更新时间：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则是输入流被系统处理后发生的。
名称 说明
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则是输入流被系统处理后发生的。
您可能感兴趣的文章:
- jquery keypress,keyup,onpropertychange键盘事件
- javascript KeyDown、KeyPress和KeyUp事件的区别与联系
- javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
- C# winform编程中响应回车键的实现代码
- winform拦截关闭按钮触发的事件示例
- winform 使用Anchor属性进行界面布局的方法详解
- winform模拟鼠标按键的具体实现
- C# WinForm程序完全退出的问题解决
- 解决C# winForm自定义鼠标样式的两种实现方法详解
- WinForm中KeyDown,KeyPress和KeyUp的顺序与区别解析
相关文章
就像其他语言那样,js中的字符串类型可以表示一串字符,由双引号包住,这里简单总结JavaScript中的String字符串类型的一些基础知识2016-05-05
JavaScript判断IE版本号，很简单,需要的朋友可以参考下2015-07-07
本篇文章小编将为大家介绍JS继承--原型链继承和类式继承，有需要的朋友可以参考一下2013-04-04
JavaScript进阶教程(第四课第一部分)...2007-04-04
为何JS操作的href都是javascript:void(0);呢
本文主要是由于看了《javascript模式》之后看到各大网站的JS操作的href都是javascript:void(0);，可是书中明明是说“JS中避免使用void”所产生的思考，记录下来，也请大神能够解惑2015-11-11
全选与全取消在工作过程中经常会使用到，是因为它很方便，同时可以提高用户体验值，本文介绍如何使用javascript实现全选与全取消功能,需要了解的朋友可以参考下2012-12-12
这篇文章介绍了JavaScript的原型对象与原型链，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-07-07
javascript delete的一些技巧，主要是从对象中删除一个属性，或从数组中删除一个元素。具体的使用方法，可以参考下面的代码。2010-03-03
本篇文章给大家总结了关于JS装饰器函数的相关用法以及知识点总结，对此有兴趣的朋友参考学习下。2018-04-04
这篇文章主要介绍了javascript中clone对象的方法,需要的朋友可以参考下2014-12-12
最新评论