4种方法实现输入框按回车自动刷新页面

系列文章目录

---

---

前言

在 Web 开发中，有时我们希望用户在输入框中按下回车键时能够自动刷新页面，以便触发某些操作或更新数据。本文将介绍4种方法来实现这一功能，包括使用原生 JavaScript、Vue.js、jQuery 和 React。

---

一、使用原生 JavaScript

使用原生 JavaScript 可以简单地监听输入框的 keydown 事件，当事件的 keyCode 为 13（即回车键）时，调用 window.location.reload() 方法来刷新页面。

示例代码：

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

<script>
  const myInput = document.getElementById('myInput');
  myInput.addEventListener('keydown', (event) =>