イベントオブジェクトとイベントソースオブジェクト

イベントオブジェクト

var div = document.getElementsByTagName('div')[0];

div.onclick = function (e) {

//                  

console.log(e);

}

divをクリックするとイベントオブジェクトが出力されます.IE 9以下は互換性がなくundefinedが出力されます.
IE 9以下のイベントの対象はwindow.イベントです.
互換性のある書き方

div.onclick = function (e) {
	
	var even = e || window.event;
		
	console.log(even);
	
}

イベントソースオブジェクト
イベントのソースオブジェクトを表示
事件の対象は.ターゲットフォックスはこれしかありません.
イベント対象.srcele ment IEはこれだけです
Googleはこの二つともあります.
低バージョン互換書き方:

div.onclick = function (e) {
	
var even = e || window.event;
		
var target = event.target || event.srcElement;	

}

イベント依頼
イベントの泡発生とイベントのソースオブジェクトを利用して処理します.
利点:
1.循環一つのバインディングイベントを使用する必要はありません.
2.新しい要素がある場合は、再度バインディングする必要はありません.