JS中的onchange()事件，是一个表单域的操作事件。用于：<input>、<select>、<textarea>三个表单标签，对于其他普通标签是不起作用的，即：不能触发事件。
工具/原料
- 电脑一台
- JavaScript
方法/步骤
- 1
新建HTML文件，定义表单域，表单是与用户交互的重要途径。
- 2
在表单域内，定义一个<input>标签，用于onchange()事件
示例代码：
<input type="text" name="funonc" id="funonc" onchange="fun()">
- 3
使用JS，定义onchage()事件的触发函数fun()
示例代码：
<script>
function fun(){
var obj=document.getElementById("funonc");
obj.value="当光标离开INPUT输入域时，显示此语句!";
}
</script>
- 4
保存文件并在浏览器预览效果，请对比：输入时 和 离开后
- 5
在表单域内定义一个<select>标签，并定义JS函数fun()
示例代码：
<form action="">
<select name="funonc" id="funonc" onchange="fun()">
<option value="apple">apple </option>
<option value="banana">banana </option>
<option value="blue berry">blue berry</option>
</select>
</form>
<script>
function fun(){
var obj=document.getElementById("funonc");
alert("你即将订购: "+obj.value);
}
</script>
- 6
保存文件，并运行预览
- 7
<textarea>标签的方法与示例中的<input type="text">类似，不再赘述
END
注意事项
- onchage()需要定义在正确的标签上
- 喜欢此经验，请记得投票和点赞