在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 通常用于 ,
提示： onfocus 事件的相反事件为 onblur 事件。
立即学习“Java免费学习笔记（深入）”；
扩展资料：
onblur 事件会在对象失去焦点时发生。Onblur 经常用于Javascript验证代码，一般用于表单输入框。
语法
HTML 中:
<element onblur="SomeJavaScriptCode">
JavaScript 中:
object.onblur=function(){SomeJavaScriptCode};【推荐学习：javascript高级教程】
以上就是javascript如何设置文本框输入时变颜色的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
734
