javascript中怎么实现设置文本框输入时变颜色

本篇文章为大家展示了javascript中怎么实现设置文本框输入时变颜色，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

在javascript中，可以使用onfocus事件设置文本框输入时变颜色，只需要给元素绑定onfocus事件，再使用“对象.style.background="颜色值"”即可。onfocus事件在对象获得焦点时发生，通常用于表单中。

动态设置文本框颜色：

主要是利用javascript中的触发事件onfocus<script language="javascript" type="text/javascript">      <!--         function myFocus(obj,color){             //判断文本框中的内容是否是默认内容             if(obj.value=="请输入收件人地址"){               obj.value="";             }             //设置文本框获取焦点时候背景颜色变换             obj.style.backgroundColor=color;         }         function myblur(obj,color){             //当鼠标离开时候改变文本框背景颜色             obj.style.background=color;         } 在input标签中<input type="text" name="username" id="username" onfocus="myFocus(this,'#f4eaf1')" onblur="myblur(this,'white')" value="请输入收件人地址"/>用上述简单方法可以做到文本框背景颜色的变换和提示信息的清除

onfocus 事件在对象获得焦点时发生。Onfocus 通常用于 <input>, <select>, 和<a>.

提示： onfocus 事件的相反事件为 onblur 事件。

扩展资料：

onblur 事件会在对象失去焦点时发生。Onblur 经常用于Javascript验证代码，一般用于表单输入框。

语法

html 中:

<element onblur="SomeJavaScriptCode">

JavaScript 中:

object.onblur=function(){SomeJavaScriptCode};

上述内容就是javascript中怎么实现设置文本框输入时变颜色，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注编程网精选频道。