📅 最后修改于: 2023-12-03 15:03:21.933000 🧑 作者: Mango
onchange事件是HTML元素的一个事件属性，当一个元素的值发生改变时触发该事件。该事件通常用于表单元素，如输入框（<input>、<textarea>），下拉框（<select>）等。它也可以用于其他元素（如<div>或<span>）的内容被编辑并且以可编辑模式处于活动状态时，当用户关闭输入法编辑器或按回车键时会触发该事件。
在HTML代码中，你可以通过以下方式添加onchange事件：
<input type="text" onchange="myFunction()">
其中，myFunction()是当<input>元素的值发生改变时要执行的函数名称。你可以把它替换成别的函数。
如果你使用JavaScript来创建元素，也可以通过以下方式添加onchange事件：
var input = document.createElement("input");
input.type = "text";
input.onchange = myFunction;
这里我们把myFunction作为一个函数对象来赋值，当事件触发时就会调用该函数。
<!DOCTYPE html>
<html>
<head>
<title>onchange 事件示例</title>
<script>
function myFunction() {
alert("输入框的内容发生了改变!");
}
</script>
</head>
<body>
<h1>onchange 事件示例</h1>
<p>输入框内容将在改变时显示提示信息：</p>
<input type="text" onchange="myFunction()">
</body>
</html>
当你在输入框中输入内容并使其失去焦点，就会弹出提示框。
onchange事件的兼容性非常好，几乎所有的Web浏览器都支持该事件。