注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

TOTO

Think and Be Different

 
 
 

日志

 
 

Jquery keydown keypress keyup 事件触发顺序  

2009-06-17 11:24:50|  分类: 看看书 写写笔记 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
Jquery中对于keypress的描述:
Binds a function to the keypress event of each matched element.
The keypress event fires when a key on the keyboard is "clicked". A keypress is defined as a keydown and keyup on the same key. The sequence of these events is:
  • keydown
  • keypress
  • keyup
按照常理这个顺序是对的,但是看到另外一篇文章,又产生冲突: 顺序不一致。
所以为了验证官方的顺序对不对,所以写了段代码来测试:

<html>
<head>
<script type="text/javascript" src="###jquery的地址/img/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
i = 0;
$("#text_box").keypress(function(e){
$("#text_sn").append("<p>keypress = " + (i++)+ "</p>");
//alert("keypress = " + (i++));
});
$("#text_box").keydown(function(e){
$("#text_sn").append("<p>keydown = " + (i++)+ "</p>");
//alert("keydown = " + (i++));
});
$("#text_box").keyup(function(e){
$("#text_sn").append("<p>keyup = " + (i++)+ "</p>");
//alert("keyup = " + (i++));
});
});
</script>
</head>
<body>
<input type="text" id="text_box" value=""/>
<div id="text_sn">
</div>
</body>

</html> 
  评论这张
 
阅读(3135)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017