HTML表单 - 当我点击输入时刷新页面!

Sha*_*ron 22 html javascript jquery

当你点击键盘上的"Enter"键时,是否有办法让表格不刷新或调用任何东西?

非常感谢!!!

我发现此代码阻止Enter工作,但它不能在IE中工作:(

  $(document).ready(function() {
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
}
Run Code Online (Sandbox Code Playgroud)

ick*_*fay 37

试试这个:

$(function() {
    $("form").submit(function() { return false; });
});
Run Code Online (Sandbox Code Playgroud)

  • 对此问题的非 jquery 答案会很好,因为 jquery 已经过时了 (2认同)

Bal*_*usC 23

禁用该submit事件不是一个好主意.现在,您可以永远不会按按钮它是提交表单.

而是挂钩keypress事件:

<form onkeypress="return event.keyCode != 13">
Run Code Online (Sandbox Code Playgroud)

或者在jQuery风格:

$('form').keypress(function(event) { 
    return event.keyCode != 13;
}); 
Run Code Online (Sandbox Code Playgroud)

13Enterkey 的keyCode .这适用于从IE6到所有当前浏览器的所有浏览器.你只需考虑textareas.然后,您可以考虑使用此构造:

$(':input:not(textarea)').keypress(function(event) { 
    return event.keyCode != 13;
});
Run Code Online (Sandbox Code Playgroud)


Pat*_*aDJ 15

在表单的标记上添加onSubmit属性.

<form onSubmit="return false;">
Run Code Online (Sandbox Code Playgroud)