前端 JavaScript控制回车键进行表单（form）提交

最新推荐文章于 2025-04-30 09:57:22 发布

天下·第二

最新推荐文章于 2025-04-30 09:57:22 发布

阅读量949

点赞数

分类专栏：前端文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_43030934/article/details/130562927

版权

前端专栏收录该内容

33 篇文章

订阅专栏

文章介绍了如何使用JavaScript监听键盘回车事件，实现表单的提交功能。提供了三种不同场景下的实现方式：全局监听、特定区域监听以及针对输入框的监听。代码示例展示了在FF、IE和Opera等浏览器的兼容性处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端 JavaScript控制回车键进行表单（form）提交

提交表单

<script>
      document.onkeydown = function (e) {
           // 回车提交表单
           var theEvent = window.event || e;
           var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
           if (code === 13) {
               add_team_member();
               return false;
           }
           return true;
       }
</script>

其他方法：

监听某个区域

document.onkeydown = function (e) { // 回车提交表单
// 兼容FF和IE和Opera
    var theEvent = window.event || e;
    var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
    if (code == 13) {
        queryInfo();
    }
}

监听某个输入框

//回车事件绑定
$('#search_input').bind('keyup', function(event) {
　　if (event.keyCode == "13") {
　　　　//回车执行查询
　　　　$('#search_button').click();
　　}
});

具体需求可更具代码进行相应的改动即可使用。