イベントターゲットを特定する target

どこをクリックしたかで処理をわける。

外側のdiv
内側のdiv

[ソースコード]

<script type="text/JavaScript">
addEventListener("load" , Start);

/************************
リスナー関数
************************/
function Start(){
	var out = document.getElementById('out');
	out.addEventListener("click" , Specify); // 外側のdivにイベントを仕掛ける。内側は外側に含まれているのでどちらも補足する。
}

/*************************
リスナー関数のリスナー関数
*************************/
function Specify(evt){ // リスナー関数に引数を与える。引数のevtはイベントリスナー設定元、つまり変数outのこと。
	var Target = evt.target.firstChild.nodeValue;
	alert(Target);
}
</script>

インデックスに戻る