事件通過輸入鍵防止默認設置

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>