js文本框获得或失去焦点时变色的代码
发布时间:2014-10-04 编辑:jiaochengji.com
当文本框获得焦点或失去焦点时,用颜色改变加以提示的代码,有需要的朋友,可以参考下。
代码如下:
<html> <head> <script language="javascript"> /** * 文本框焦点 颜色改变 * by http://www.jbxue.com */ function appendit() { var nodes = document.getElementsByTagName("INPUT"); for (var i=0; i<nodes.length; i++) { var ctype = nodes[i].getAttribute("type"); if (ctype == 'text') { nodes[i].onfocus = function () { this.style.backgroundColor='#33FF00'; } nodes[i].onblur = function () { this.style.backgroundColor='#3366FF'; } } } } </head> <body onload="appendit();"> 在body中引用以上的js代码。 <br/> 测试:<input type="text" size="36" name="title" /> </body> </html>
您可能感兴趣的文章:
js文本框获得或失去焦点时变色的代码
jquery获取焦点和失去焦点事件代码
jquery设置焦点方法focus()和jquery失去焦点方法blur()
Jquery实现获取焦点、失去焦点的代码
文本框获得焦点与失去焦点实现代码
解析JavaScript共有的表单事件
jquery 实现的改变颜色与背景的代码 change(fontsize,background)补充2
js实现禁用只读文本框获得焦点时的退格键
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
jquery-1.2.6得到焦点与失去焦点的写法
[关闭]