<1>
<!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>
<title></title>
<script type="text/javascript">
function getInput() {
var inputs = document.getElementsByTagName("input"); //取得所有的input表单
for (var i = 0; i < inputs.length; i++) { //遍历所有的input表单
var inputName = inputs[i]; //获得当前遍历到的input表单
inputName.value = "哈哈"; //将当前的input表单value属性赋值“哈哈”
inputName.onclick = btnClick; //给遍历到的当前表单注册onclick事件，事件的处理函数为btnClick
}
}
function btnClick() {
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
var inputName = inputs[i];
//window.event.srcElement取得引发onclick事件的控件(表单元素)。在火狐中srcElement无效(要用target)
//var obj=event.srcElement || event.target;
var obj = event.srcElement ? event.srcElement : event.target;
if (inputName ==obj) { //如果当前表单就是引发事件的控件，就将当前表单的value值设为“我被点击了”，否则设为“哈哈”
inputName.value = "我被点击了";
}
else {
inputName.value = "哈哈";
}
}
}
</script>
</head>
<!--在页面加载完毕后就会触发onload事件，onload事件就会调用getInput()函数，从而给所有的input表单的value赋值为“哈哈”-->
<body onload="getInput()">
<form>
<input type="button" />
<input type="button" />
<input type="button" />
<input type="button" />
</form>
</body>
</html>
event.srcElement获得引发事件的控件（表单）
时间： 2024-11-06 23:31:34