js input 事件

作者：天盟丶阎王发布日期:2025-12-04 浏览:105


// HTML部分
<input type="text" id="myInput" placeholder="请输入内容">

// JavaScript部分
document.getElementById('myInput').addEventListener('input', function(event) {
    // 当用户在输入框中输入内容时触发此事件
    console.log('当前输入的值为: ', event.target.value);
});

/*
解释说明:
1. 上述代码创建了一个文本输入框，并为其添加了一个 'input' 事件监听器。
2. 'input' 事件会在用户每次输入内容时立即触发，包括按键、粘贴等操作。
3. 在事件处理函数中，通过 `event.target.value` 可以获取到当前输入框中的值。
4. 每次触发 'input' 事件时，控制台会输出当前输入框中的内容。
*/

上一篇：js touppercase

下一篇：js oninput