设置button按钮，enter默认提交表单及ctrl+enter提交

原创于 2012-11-17 13:17:20 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js enter提交表单

我的原创 js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用jQuery控制网页表单中Enter键的行为，包括设置Enter键提交表单的功能及取消Enter键默认提交行为的方法。

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

1、设置operatedquery_form这个表单，enter键提交的事件：（jquery）

$("#operatedquery_form").keydown(function(e){ //设定enter键默认提交查询

e=e||window.event;
if(e.keyCode==13){
//operatedinfo.query();提交表单的操作
}

}) ;

2、去掉表单enter键提交

$("#operatedquery_form").keydown(function(e){ //设定enter键默认提交查询

e=e||window.event;
var keyNum = e.which || e.keyCode;

return keyNum==13 ? false : true;

}) ;

jquery还为我们提供了更简单的办法：

通过使用 preventDefault() 方法只取消默认的行为。

jQuery 代码:

$("form").bind("submit", function(event){
  event.preventDefault();
});

3、showLeave为div的ID
  $("#showLeave").keydown(function(event){
           if(event.ctrlKey&&event.keyCode==13) {
               leaveMessage.addMessage();
           }
       });