<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击的文本框背景为黄色其他的为白色</title>
<script type="text/javascript">
function initEvent(){
var inputs = document.getElementsByTagName("input");
for(var i = 0;i<inputs.length;i++){
var input = inputs[i];
if(input.type=="text"){//判断只有为text的文本框才监听事件
input.onfocus = inputOnFocus;//得到焦点是执行此事件
input.onblur = inputOnBlur;//失去焦点是执行此事件 严格区分大小写 如果onblur些微onBlur则不会执行inputOnBlur函数
}
}
}
function inputOnFocus(){
this.style.background = "red";
}
function inputOnBlur(){
this.style.background = "white";
}
</script>
</head>
<body οnlοad="initEvent()">
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="button" />
</body>
</html>