失去焦点修改事件

最新推荐文章于 2023-06-15 16:05:17 发布

最新推荐文章于 2023-06-15 16:05:17 发布 · 463 阅读

文章标签：

#焦点 #事件

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

本文介绍了一种利用HTML和JavaScript实现下拉菜单选择时文本框字体颜色变化的方法。通过在下拉菜单中绑定onchange事件，当用户选择不同的颜色选项时，文本框内的文字颜色会相应地改变。

一介绍

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

四运行结果