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();

})

 

难得搞一哈代码......