本篇文章为大家展示了javascript中怎么实现设置文本框输入时变颜色,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
我们提供的服务有:成都网站设计、成都网站制作、微信公众号开发、网站优化、网站认证、宛城ssl等。为1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的宛城网站制作公司
在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中怎么实现设置文本框输入时变颜色,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。
本文标题:javascript中怎么实现设置文本框输入时变颜色
文章起源:https://www.cdcxhl.com/article34/jjddpe.html
成都网站建设公司_创新互联,为您提供网站策划、企业网站制作、标签优化、微信公众号、网站营销、定制网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联