事件通过输入键防止默认设置

Question

我试图阻止我按下Enter键时重新加载我的$('form')。此代码不起作用。有什么建议么？

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

Answer 1

返回从你的函数，如果按下Enter键，像假return false;：

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

Answer 2

的代码不起作用，因为在formform.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>