JavaScript的事件对象_其他属性和方法

在标准的 DOM 事件中,event 对象包含与创建它的特定事件有关的属性和方法。触发的事件类型不一样,可用的属性和方法也不一样。

JavaScript的事件对象_其他属性和方法

JavaScript的事件对象_其他属性和方法

在这里,我们只看所有浏览器都兼容的属性或方法。首先第一个我们了解一下 W3C 中的 target 和 IE 中的 srcElement,都表示事件的目标。

<script type="text/javascript">



    function getTarget(evt) {

        var e = evt || window.event;

        return e.target || e.srcElement; //兼容得到事件目标 DOM 对象

    }

    window.onload = function(){

        document.onclick = function (evt) {

            var target = getTarget(evt);

            alert(target);        //点击哪里就可以获取到哪里的DOM元素对象

            alert(target.innerHTML);

        };

    };

</script>

</head>

<body>

    <div id="box" style="width:100px; height:100px; background-color:#F00">测试Div</div>

</body>

 

你可能感兴趣的:(JavaScript)