jQuery keydown和keyup事件

在 jQuery 中，常用的鍵盤事件共有兩種：keydown：鍵盤按下；keyup：鍵盤鬆開。keydown 表示鍵盤按下的一瞬間所觸發的事件，而 keyup 表示鍵盤鬆開的一瞬間所觸發的事件。對於鍵盤來說，都是先有“按下”才有“鬆開”，也就是 keydown 發生在 keyup 之前。

舉例：統計輸入字元的長度

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#txt").keyup(function(){
                var str = $(this).val();
                $("#num").text(str.length);
            })
        })
    </script>
</head>
<body>
    <input id="txt" type="text" />
    <div>
        字串長度為：
        <span id="num">0</span>
    </div>
</body>
</html>

預覽效果如圖 1 所示。

圖 1：統計輸入字元的長度