イベントはEnterキーでデフォルトを防止します

Question

Enterキーを押したときに$('form')がリロードされないようにしようとしています。このコードは機能しません。助言がありますか？

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

Answer 1

戻り偽return false;あなたの関数から入力した場合のようにキーを押すと、：form.reset()でformが定義されていないので、コードは動作しません

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

Answer 2

。

使用

$(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>