事件對象就是用來幫我們獲取,在js事件被觸發時的一些列有用信息。
事件對象的名字,一般使用event,但這不是必須的,可以用任何合法的變量名。
IE瀏覽器的事件對象模型跟其他瀏覽器是不一樣的。它需要使用window.event,而且,不需要在事件處理函數中聲明event參數
document.onclick = function(event){
var evt = event || window.event;//兼容寫法
(1)鼠標觸發的事件:比如onclick,onmouseover
event.target : 獲取事件源對象
event.srcElement : 獲取事件源對象
event.type : 獲取事件類型
event.clientX : 獲取當前鼠標在網頁上的橫坐標,只跟網頁的可視區域有關系
event.clientY : 獲取當前鼠標在網頁上的橫坐標,只跟網頁的可視區域有關系
event.screenX : 獲取當前鼠標在當前顯示器上的橫坐標,
event.screenY : 獲取當前鼠標在當前顯示器上的橫坐標,
evt.button : 獲取鼠標點擊的哪個鍵
(2)鍵盤觸發的事件:比如onkeydown,onkeyup
event.keyCode : 獲取點擊的鍵盤鍵碼,它不是ASCII碼
evt.altKey : 獲取是否點下了功能鍵(alt),返回值是true or false
evt.shiftKey: 獲取是否點下了功能鍵(shift)
evt.ctrlKey: 獲取是否點下了功能鍵(ctrl)