阻止回车提交表单

<form action=”#”>

<input type=”text”>

</form>

1.这段代码在input获取焦点的时候,敲回车键会出发改form表单的提交；

2. 在有些时候这个需求是是不合理的，比如（登录时要判断用户是否存在/这是另外一个接口,和form表单不是同一个接口/然后再进行form提交）；

解决方法一：

<form action=”#” onkeydown=if(event.keyCode==13)return false>

<input type=”text”>

</form>

这个时候，当表单获取焦点，敲回车并不会使表单提交；

解决方法二：（阻止事件的默认行为）

document.onkeydown = function(e) {

  vare=e||event;

  if(e.keyCode==13) {

  alert(“自己的业务代码”);

   e.preventDefault?e.preventDefault() : (e.returnValue=false);

  }

}

e.returnValue=false 表示阻止当前事件继续运行；