javascript如何设置文本框输入时变颜色

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

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

动态设置文本框颜色：

主要是利用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高级教程】