一 介绍
失去焦点修改事件(onchange)是当前元素失去焦点并且元素的内容发生改变时触发事件处理程序。该事件一般在下拉文本框中使用。
二 应用
用下拉文本框改变字体颜色
本示例是在用户选择下拉文本框中的颜色时,通过onchange事件来相应的改变文本框的字体颜色。
三 代码
<form name="form1" method="post" action=""> <input name="textfield" type="text" value="JavaScript技术大全"> <select name="menu1" onChange="Fcolor()"> <option value="black">黑</option> <option value="yellow">黄</option> <option value="blue">蓝</option> <option value="green">绿</option> <option value="red">红</option> <option value="purple">紫</option> </select> </form> <script language="javascript"> <!-- function Fcolor() { var e=window.event; var obj=e.srcElement; form1.textfield.style.color=obj.options[obj.selectedIndex].value; } //--> </script>
四 运行结果