dom事件与setTimeout

阅读更多

	
		
	
	
		

			

				aaaaaaaa
			
		
	

我的目的是鼠标移到div1外面时执行事件，里面的div和a元素应和div1是一个整体，但运行时，由于事件模型的干扰，当鼠标移进里面的div或a元素时，div1的onmouseout事件也会被触发，这样就不合本意，通过下面方法可解决，再加入onmouseover事件

	var timeOut;
	function mouseout(){
		timeOut = setTimeout(function (){
			alert("mouseout!!");
		},1);
	}
	function mouseover(){
		clearTimeout(timeOut);
	}

下面是网友提供的DOM事件模型测试，比较不错

	
		
		
		
	
	
		

			DOM树的结构是：
		
		

	UL
	  - LI
	    - A
	      - SPAN
		
		

			

				

					Bubbllllllllllllllle
				
				

					Bubbllllllllllllllle
				
			
		
		
		

			鼠标进入UL的任何一个子元素，如果不停止冒泡，我们从UL到SPAN都定义了鼠标悬停（
				mouseover
			）事件，这个事件会上升了UL，从而从鼠标所进入的元素到UL元素都会有红色的边。
		
		

			

				

					Bubbllllllllllllllle
				
				

					Bubbllllllllllllllle
				
			
		
		

			如果停止冒泡，事件不会上升，我们就可以获取精确的鼠标进入元素。