JS中的onchange()事件,是一个表单域的操作事件。用于:<input>、<select>、<textarea>三个表单标签,对于其他普通标签是不起作用的,即:不能触发事件。
工具/原料
电脑一台
JavaScript
方法/步骤
1、新建HTML文件,定义表单域,表单是与用户交互的重要途径。
2、在表单域内,定义一个<input>标签,用于onchange()事件示麻质跹礼例代码:<inputtype=媪青怍牙"text"name="funonc"id="funonc"onchange="fun()">
3、使用JS,定义onchage()事件的触发函数fun()示例代码:<script>酆璁冻嘌functio荏鱿胫协nfun(){varobj=document.getElementById("funonc");obj.value="当光标离开INPUT输入域时,显示此语句!";}</script>
4、保存文件并在浏览器预览效果,请对比:输入时和离开后
5、在表单域内定义一个<select>标签,并定义JS函数fun()示例代艨位雅剖码:<for罪焐芡拂maction=""><selectname="funonc"id="funonc"onchange="fun()"><optionvalue="apple">apple</option><optionvalue="banana">banana</option><optionvalue="blueberry">blueberry</option></select></form><script>functionfun(){varobj=document.getElementById("funonc");alert("你即将订购:"+obj.value);}</script>
6、保存文件,并运行预览
7、<textarea>标签的方法与示例中的<inputtype="text">类似,不再赘述