4 ways to automatically refresh the page by pressing Enter in the input box

Series Article Directory

---

---

foreword

In web development, sometimes we want the user to automatically refresh the page when the user presses the Enter key in the input box, so as to trigger some operations or update data. This article will introduce 4 ways to achieve this function, including using native JavaScript, Vue.js, jQuery and React.

---

1. Use native JavaScript

Using native JavaScript, you can simply listen to the keydown event of the input box, and when the keyCode of the event is 13 (the Enter key), call the window.location.reload() method to refresh the page.

Sample code:

<input type="text" id="myInput" />

<script>
  const myInput = document.getElementById('myInput');
  myInput