onkeyup,onkeydown和onkeypress的区别介绍
2016-09-08 22:49
513 查看
名称 说明
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则是输入流被系统处理后发生的。
相关文章推荐
- onkeyup,onkeydown和onkeypress的区别介绍
- onkeyup,onkeydown和onkeypress的区别介绍
- onkeyup,onkeydown和onkeypress的区别介绍
- onkeyup,onkeydown和onkeypress的区别介绍
- web前端 -- onkeydown、onkeypress、onkeyup、onblur、onchange、oninput、onpropertychange的区别
- onkeypress,onkeydown,onkeyup区别 - lsgis2001的专栏
- onkeypress、onkeydown、onkeyup三事件的区别
- javascript中的onkeyup和onkeydown区别介绍
- onkeypress 、onkeyup 与onkeydown三者之间的区别
- onkeypress,onkeydown,onkeyup区别
- input text控件的onkeydown、onKeyPress、onkeyup事件的区别
- onkeydown、onkeypress、onkeyup、onblur、onchange、oninput、onpropertychange的区别
- JS之onkeypress,onkeydown,onkeyup区别
- onkeydown、onkeypress、onkeyup、onblur、onchange、oninput、onpropertychange的区别
- JS之onkeypress,onkeydown,onkeyup区别
- input输入框使用onkeypress实现回车启动按钮事件,另注:onkeypress、onkeyup与onkeydown的区别
- javascript中的onkeyup和onkeydown区别介绍
- onkeyup,onkeydown,onkeypress的区别
- onkeypress,onkeyup,onkeydown的区别
- onBlur,onChange,onClick,OnKeyDown,OnKeyUp,OnKeyPress,OnMouseEnter,OnMouseDown作用一览