【事件】阻止事件的冒泡

<!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中表现是一样的,不知何故

你可能感兴趣的:(事件)