在标准的 DOM 事件中,event 对象包含与创建它的特定事件有关的属性和方法。触发的事件类型不一样,可用的属性和方法也不一样。
在这里,我们只看所有浏览器都兼容的属性或方法。首先第一个我们了解一下 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>
时间: 2024-12-13 12:22:31