keypress, keydown, keyup的区别

来源:互联网 发布:软件开发 证 编辑:程序博客网 时间:2024/05/17 04:17

完整的key press 过程分为两个部分:1. 按键被按下(keydown);2. 按键被松开(keyup)。

被按下时发生keydown事件,被松开时发生keyup事件。

keypress事件在被按下时就发生,但松开后才算一个完整的keypress事件。而对keydown事件,即使没有被松开,也可以算完整的keydown事件。

引用jqurey的一个例子:

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">i=0;$(document).ready(function(){  $("input").keypress(function(){    $("span").text(i+=1);  });});</script></head><body>Enter your name: <input type="text" /><p>Keypresses:<span>0</span></p></body></html>
参考:http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_keypress_trigger

在输入框输入任意字符,当代码红色部分为

keypress:按下字符就会自动加一,但不会连续加,必须放开再按下才会再加一;

keydown:按下字符就会自动加一,且如果按着不放,会连续加;

keyup:放开后才加一。




原创粉丝点击