当前位置: 代码迷 >> Web前端 >> 事件冒泡传接过程中的事件源
  详细解决方案

事件冒泡传接过程中的事件源

热度:67   发布时间:2012-10-08 19:54:56.0
事件冒泡传递过程中的事件源

在javascript中事件会按照顺序来触发,但事件无论怎么传递,事件源总是一个,那就是触发事件的那个元素对象。

?

issEvent.addListener(window, 'load', function(){
	
	var divTest = document.getElementById('divTest');
	var divTest2 = document.getElementById('divTest2');
	issEvent.addListener(divTest2, 'mouseup', function(evt){alert(evt.srcElement.id);});
	issEvent.addListener(divTest, 'mouseup', function(evt){alert(evt.srcElement.id);
});

?

<div id="divTest" style="border:solid 1px #DEDEDE; width:100px; height:100px">
	<div id="divTest2" style="border:solid 1px #DEDEDE; width:50px; height:50px">
		12345
	</div>
</div>

?

在divTest2上触发mouseup事件,将弹出两个对话框,内容都是divTest2。

  相关解决方案