事件使用enter键阻止默认值

时间:2016-07-07 03:30:45

标签: jquery events form-submit

当我按下回车键时,我试图阻止我的$('form')重新加载。此代码无效。有什么建议吗?

$('form').on('keypress', function (event) {
    console.log(event);
    if (event.keyCode === 13) {
        event.preventDefault();
        form.reset();
    }
})

2 个答案:

答案 0 :(得分:0)

如果按下回车键,则从函数返回false "ap,如:

return false;

答案 1 :(得分:0)

代码不起作用,因为form中的form.reset()未定义。

使用

$(this)[0].reset()

    $('form').on('keypress', function(event) {
      if (event.keyCode === 13) {
        event.preventDefault();
        $(this)[0].reset();
      }
    })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form method="POST" action="">
  <input type="text" id="textInput" value="" />
  <input type="submit" value="Submit" />
</form>