完成JavaScript代码,实现当用户在输入框中输入文本时,实时在页面上显示输入的内容
时间: 2024-03-08 12:49:39 浏览: 77
文本框输入即时显示内容 例子
5星 · 资源好评率100%
可以通过以下方式实现:
HTML:
```html
<input type="text" id="inputBox">
<div id="output"></div>
```
JavaScript:
```javascript
const inputBox = document.getElementById("inputBox");
const output = document.getElementById("output");
inputBox.addEventListener("input", () => {
output.innerText = inputBox.value;
});
```
这个代码会监听输入框的 input 事件,每次用户输入时都会更新输出框的文本内容。
阅读全文