JS获取事件的目标

有时候，想要知道事件到底是哪个对象触发的。例如，给P元素一个点击的事件，当点击了P后，P就会响应。我们就是P是事件的目标。送上一个小例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>获取事件的目标</title>
	<meta http-equiv="content-type"	content="text/html;charset=gbk" />
	<script type="text/javascript">
	 function handle(e){
	  e = e || window.event;//处理兼容，获取事件对象
	  var oTarget = e.tagName || e.srcElement;//处理兼容，获取事件目标
      alert(oTarget.tagName);
	  }
	  window.onload = function(){
	   var oP = document.getElementsByTagName("p")[0];
	   oP.onclick=handle;
	  }
	</script>
</head>

<body>

     <p>获取事件目标:我是目标。</p>

</body>
</html>
posted @ 2010-09-24 11:56  e.e.p  阅读(2713)  评论(0)  编辑  收藏  举报