Rumah > Artikel > hujung hadapan web > 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 通常用于 d5fd7aea971a85678ba271703566ebfd, 221f08282418e2996498697df914ce4e, 和3499910bf9dac5ae3c52d5ede7383485.
提示: onfocus 事件的相反事件为 onblur 事件。
扩展资料:
onblur 事件会在对象失去焦点时发生。Onblur 经常用于Javascript验证代码,一般用于表单输入框。
语法
HTML 中:
<element onblur="SomeJavaScriptCode">
JavaScript 中:
object.onblur=function(){SomeJavaScriptCode};
【推荐学习:javascript高级教程】
Atas ialah kandungan terperinci javascript如何设置文本框输入时变颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!