イベントタイプを特定する

ここにマウスを...

[ソースコード]

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

/*****************************
リスナー関数
*****************************/
function Start(){
	var box = document.getElementById('box');
	box.addEventListener("mouseover" , Type);
	box.addEventListener("mouseout" , Type);
	box.addEventListener("mousedown" , Type);
	box.addEventListener("mouseup" , Type);
}

/*****************************
リスナー関数のリスナー関数
*****************************/
function Type(evt){
	var specify = evt.type;
	box.innerHTML = "イベントタイプは" + specify + "です";
}
</script>

インデックスに戻る