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

Posted 花雨伞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery基础:keydown( ) 与 keypress( ) 区别相关的知识,希望对你有一定的参考价值。

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( ) 区别的主要内容,如果未能解决你的问题,请参考以下文章

jquery 键盘事件 keypress() keydown() keyup()

jQuery.key 返回未识别的 Android 键盘

KeyDown,KeyPress和KeyUp详解(转)

jQuery-3.事件篇---键盘事件

jQuery 自动完成 KEYUP vs KEYPRESS vs KEYDOWN

JQuery应用