【事件】阻止事件的冒泡 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> mm </title>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
 </head>

 <body>
  <script type="text/javascript">
	function mouseDown(event)
	{
		var event=event||window.event;
		var loc="X="+event.screenX+"Y="+event.screenY;
		var thesrc=event.target||event.srcElement;
		alert(loc+"    "+thesrc);
		stop(event);
	}
	function second(event)
	{
		var event=event||window.event;
		stop(event);
		alert("this is the second");
	}
	document.onmousedown=function(event){
		var event=event||window.event;
		alert(event.type);
	}
	function set()
	{
		document.getElementById("first").onmousedown=mouseDown;
		document.getElementById("second").onmousedown=second;
	}
	function stop(event)
	{
		if(event.stopPropagation)
		{
			event.stopPropagation();
		}
		else
		{
			event.cancelBubble=true;
		}
	}
	function state()
	{
		alert(this.status);
	}

	window.onload=set;
  </script>
  <div id="first" style="padding:20px;background-color:red;width:150px;">
	<div id="second" style="background-color:green;height:100px;width:100px;">
	</div></div>
 </body>
</html>

用兼容的方法组织了事件的向下级联或者冒泡

同时自己也有个疑问，不知是RP的问题，总是在测试发现没有写stop方法之前在IE和FF中表现是一样的，不知何故

posted on 2011-11-30 20:01  十二月的黄昏  阅读(364)  评论(0)    收藏  举报