Enter键的触发事件

jQuery键盘事件详解

最新推荐文章于 2024-12-23 18:08:10 发布

转载最新推荐文章于 2024-12-23 18:08:10 发布 · 9.2k 阅读

文章标签：

#js实现Enter键的触发事件

前端环境专栏收录该内容

112 篇文章

订阅专栏

本文详细介绍了如何使用jQuery来监听键盘事件，特别是如何捕捉Enter键的按下，并触发相应的事件处理函数。通过实例展示了如何单独响应Enter键，如何在单击按钮或按Enter键时触发同一事件，以及如何同时按下Ctrl和Enter键时执行特定函数。

jQuery实现按Enter键触发事件？

按Enter触发

 $(function(){
    document.onkeydown = function(e){  
      var ev = document.all ? window.event : e;
      if(ev.keyCode==13) {// 如（ev.ctrlKey && ev.keyCode==13）为ctrl+Center 触发
          alert("huiche");
      }
    }
 });

按Enter触发

$(function () {
           document.onkeydown = function (event) {
               var e = event || window.event || arguments.callee.caller.arguments[0];
               if (e && e.keyCode == 13) {
                   //to do something;
               }
           };
       });

单击按钮或按Enter键触发事件

<script> 
    $(function(){
        $('#button').click(function(){
            $('#button').attr('disabled','disabled');
        });
        $('body').keydown(function(){
            if (event.keyCode == 13) {    enter 键值 为13
                $('#button').click();
            };            
            
        });

    })
</script>

同时按下ctrl 和enter键执行函数

<script> 
    $(function(){
        $('#button').click(function(){
            $('#button').attr('disabled','disabled');
        });
        $('body').keydown(function(){
            if (event.ctrlKey && event.keyCode == 13) {    //enter 键值 为13
                $('#button').click();
            };            
            
        });

    })
</script>