码迷,mamicode.com
首页 > Web开发 > 详细

jQuery基础:keydown( ) 与 keypress( ) 区别

时间:2016-10-07 01:42:30      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

1、结论:

  • 相同点:当按钮被按下时,会发生该事件,发生在当前获得焦点的元素上。
  • 输入中文区别较大,试一试
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="">
        <input type="text" class="text1"/>
        <span>0</span>
    </form>
    <form action="">
        <input type="text" class="text2"/>
        <span>0</span>
    </form>
</body>
<script src="libs/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    $(function(){
        var i = 0;
        $(".text1").keydown(function(){
          $(this).next().text(i+=1);
        });

        var j = 0;
        $(".text2").keypress(function(){
          $(this).next().text(j+=1);
        });

        //输入中文时有区别
    })
</script>
</html>

 

jQuery基础:keydown( ) 与 keypress( ) 区别

标签:

原文地址:http://www.cnblogs.com/gao-xiong/p/5935305.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!