jquery 回车键实现表单提交

最新推荐文章于 2026-05-13 05:27:08 发布

转载最新推荐文章于 2026-05-13 05:27:08 发布 · 228 阅读

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.mk2048.com/blog/blog.php?id=hi1hij0i2cib&title=jquery+%E5%9B%9E%E8%BD%A6%E9%94%AE%E5%AE%9E%E7%8E%B0%E8%A1%A8%E5%8D%95%E6%8F%90%E4%BA%A4

标签

#jquery

前端专栏收录该内容

732 篇文章

订阅专栏

本文深入探讨了JQuery中键盘事件的使用，包括keydown、keyup和keypress事件的区别及应用场景。通过示例代码展示了如何监听键盘事件，特别是如何响应回车键（keyCode 13）进行特定操作。

JQery http://jquery.cuishifeng.cn/keydown.html

键盘事件参考：
1、keydown()
keydown事件会在键盘按下时触发.
2、keyup()
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件
3、keypress()

keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键

$(window).keydown(function(event){
  switch(event.keyCode) {
    // ...
    // 不同的按键可以做不同的事情
    // 不同的浏览器的keycode不同
    // 更多详细信息:     http://unixpapa.com/js/key.html
    // 常用keyCode： 空格 32   Enter 13   ESC 27
  }
});



<script type="text/javascript" src="Scripts/jquery-1.6.2.js"></script>  
  
<script language="javascript" type="text/javascript">  
  
    $(function(){  
  
        $('#dataInput').bind('keypress',function(event){  
  
            if(event.keyCode == "13")      
  
            {  
  
                alert('你输入的内容为：'   $('#dataInput').val());  
  
            }  
  
        });//方法二如下  
         $(document).keydown(function(e) {  
          if (e.keyCode == 13) {  
                 //dologin();  
          }  
   });  
    }); 


submit 点击

 $("#form").keydown(function(e){
 if (keycode==13) {
  $(".submit").trigger("click");
 }
});