js input change

作者：幸福的起点发布日期:2025-07-08 浏览:87

// 示例代码：使用 JavaScript 监听 input 元素的 change 事件

// HTML 部分
/*
<input type="text" id="myInput">
<p id="output"></p>
*/

// JavaScript 部分
document.getElementById('myInput').addEventListener('change', function() {
    // 当 input 的值发生变化并且失去焦点时触发此事件
    var inputValue = this.value;
    document.getElementById('output').textContent = '你输入的内容是: ' + inputValue;
});

// 解释说明：
// 1. 我们通过 `document.getElementById` 获取到 input 元素，并为其添加了一个 `change` 事件监听器。
// 2. 当用户修改 input 中的内容并使该元素失去焦点（例如点击页面其他地方或按 Tab 键）时，会触发 `change` 事件。
// 3. 在事件处理函数中，我们获取了 input 的当前值，并将其显示在页面上的 `<p>` 元素中。

上一篇：js input onchange

下一篇：js onclick事件