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

在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。