js onchange事件的用法

作者：故事只剩听说发布日期:2026-07-04 浏览:75

// HTML部分
<input type="text" id="myInput" onchange="handleChange()">

// JavaScript部分
function handleChange() {
    // 当输入框的内容发生变化并且失去焦点时触发此函数
    console.log("输入框内容已更改");
}

// 解释说明：
// 1. <input> 标签中的 onchange 事件会在用户修改输入框的内容并使输入框失去焦点时触发。
// 2. handleChange 函数会在 onchange 事件触发时执行，可以在此函数中编写需要处理的逻辑。
// 3. 在这个例子中，当用户修改输入框的内容并点击其他地方使输入框失去焦点时，控制台会输出 "输入框内容已更改"。

上一篇：js select onchange

下一篇：js change事件