js文本框获得或失去焦点时变色的代码
代码如下：
<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实现获取焦点、失去焦点的代码
文本框获得焦点与失去焦点实现代码
解析JavaScript共有的表单事件
js实现禁用只读文本框获得焦点时的退格键
jQuery限制只能输入数字与失去焦点获取焦点
如何使用html5的Page Visibility API来实现获取焦点js事件
js实现页面加载时获取input文本框焦点
jquery 设置文本框、密码框获得焦点时的样式
jquery的focus函数用法示例