7. 
	a. 事件物件 Event Object

鍵盤keyCode

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"></meta>
	<title>事件物件 Event Object</title>
	<script type="text/javascript">
	//alert("hello");
	function init(e){
		var btn = document.getElementById("btn");
		var handler = function(e){
			// 滑鼠坐標位置 clientX,clientY
			alert(e.clientX + "," + e.clientY);
		}
		btn.addEventListener("click",handler);
	}
	/*	想象以上的代碼含義
		1. 使用者點擊了按鈕,出發click事件
		2. 瀏覽器主動收集和事件有關的資訊,並製造出event object 事物事件
			var eventObj = 事物事件
		3. 呼叫已經注冊的時間處理器(事件處理函式)
			handler(eventObj);
	*/
	
	// 注冊鍵盤事件處理器 (取得使用者的按鍵code) 鍵盤keyCode
	document.addEventListener("keydown",function(e){
		alert(e.keyCode);
	});

	</script>
</head>
<body onload = "init();">
	<button id = "btn">florence</button>
</body>
</html>