事件Event對象

事件event對象

當事件發生時，會向調用函數傳遞一個event對象，event對象記錄當前事件發生時的環境信息。

一個事件只能對應一個event對象，并且event對象是短暫存在的。

DOM中的event對象的使用方法

1、在HTML標記中，通過事件來調用函數，向函數傳遞一個event參數，該參數就是一個event對象，這個event必須全小寫。注意：這個event參數是固定的

<img?id="img01"?src="images/01.jpg"?οnclick="get_xy(event)"?/>

function?get_xy(e)??//這個地方的?e?是一個形參，只要符合變量的命名規則即可

{

alert(e);??//打印測試一下event對象

}

?

2、使用元素對象來傳遞event對象

<img?id="img01"?src="images/01.jpg"?/>

//以下是JS代碼

var?obj?=?document.getElementById(“img01”);

obj.onclick?=?get_xy;??//將函數地址傳遞事件，不能帶括號，也不能帶參數

function?get_xy(e)???//雖然上一行無法給函數傳遞參數，但事件發生時，事件對象event已經傳遞過來了

{

alert(e);

}

DOM中event對象的屬性

clientX：獲取當前事件距離窗口左邊的距離；

clientY：當前事件發生時距離窗口頂端的距離；

pageX：當前事件所在網頁中的x坐標

pageY：當前事件所在網頁中的y坐標；

screenX：當前事件所在屏幕中的x坐標；

screenY：當前事件所在屏幕中的y坐標；