jQuery監聽鍵盤按鍵

 一、主要是以下事件的使用：

　　1、keydown() ：該事件會在鍵盤按鍵按下時觸發.

　　2、keyup() :該事件會在鍵盤按鍵釋放時觸發,也就是你按下鍵盤起來后的事件

　　3、keypress():該事件會在敲擊按鍵時觸發,我們可以理解為按下並抬起同一個按鍵

 

二、獲取按鍵的ASCLL碼進行操作

　event.keyCode為按鍵的ASCLL碼：如enter鍵為13  ....

$(document).keydown(function(event){

　　　　console.log(event.keyCode);

});

三、簡單實例

　   如圖：進行驗證碼校驗時，輸入驗證碼之后直接按enter鍵進行驗證和提交

　　

　　代碼如下

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    function Check() {
        $.post("/Home/Check", { Captcha: $("#txtCaptcha").val() }, function (result) {
            alert(result);
        });
    }
    $(function () {
        $("#txtCaptcha").blur(function () {
        }, function () {
            //輸入校驗
　　　　　　　....
        });
　　　　　//監聽
        $("#txtCaptcha").keydown(function (e) {
            switch (e.keyCode) {
                case 13:
                    Check();
                    break;
                default: break;
            }
        })

    });
</script>

四、組合鍵操作

　　如果我們要實現ctrl+Enter就是ctrl+回車提交表單，可以這樣：

　　例：ctrl+Enter

$(document).keypress(function(e) {

　　if (e.ctrlKey && e.which == 13)

　　$("form").submit();

})

 

難得搞一哈代碼......