失去焦点修改事件

一 介绍

失去焦点修改事件（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>

 

四 运行结果