利用js写一个监听input输入框的代码,并且有回显
时间: 2024-02-23 13:02:00 浏览: 157
input改变vlue内容实时放大回显
好的,以下是一个简单的监听 input 输入框并回显的代码:
```html
<input type="text" id="input-box">
<div id="echo"></div>
<script>
const inputBox = document.getElementById('input-box');
const echo = document.getElementById('echo');
inputBox.addEventListener('input', (event) => {
echo.textContent = event.target.value;
});
</script>
```
这段代码会监听 `id` 为 `input-box` 的输入框的输入事件,每次输入时将输入的值回显到 `id` 为 `echo` 的 `div` 元素中。你可以将这段代码复制粘贴到一个 HTML 文件中运行并测试。
阅读全文