利用JQuery事件,在input框内输入内容的时候同样显示在下面
时间: 2024-12-02 16:14:40 浏览: 4
在jQuery中,你可以利用`keyup` 或 `input` 事件监听用户在输入框中的输入,并实时更新显示的内容。这里是一个简单的示例:
```javascript
$(document).ready(function() {
// 获取输入框元素
var inputBox = $('#yourInputBoxId');
// 添加事件处理器
inputBox.on('keyup input', function() {
// 获取当前输入框内的文本
var inputValue = $(this).val();
// 将输入的值显示在下方的某个元素中,比如另一个div里
$('#displayAreaId').text(inputValue);
});
});
```
在这个例子中,你需要替换 `'yourInputBoxId'` 和 `'displayAreaId'` 为你实际的HTML元素ID。当用户在指定的input框中输入字符时,`keyup`或`input`事件会被触发,然后将输入的值显示在id为`displayAreaId`的元素内。
阅读全文