event.srcElement取得引发事件的控件（表单）

event.srcElement获得引发事件的控件（表单）
<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(evt) {
            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 = evt.srcElement ? evt.srcElement : evt.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取得引发事件的控件（表单）

相关推荐
