事件Event物件

2022-08-24 15:12:10 字數 862 閱讀 1676

當事件發生時,會向呼叫函式傳遞乙個event物件,event

物件記錄當前事件發生時的環境資訊。

乙個事件只能對應乙個event物件,並且event

物件是短暫存在的。

dom中的

event

物件的使用方法

1、在html

標記中,通過事件來呼叫函式,向函式傳遞乙個

event

引數,該引數就是乙個

event

物件,這個

event

必須全小寫。注意:這個event

引數是固定的

function get_xy(e)  //這個地方的 

e 是乙個形參,只要符合變數的命名規則即可

2、使用元素物件來傳遞

event

物件//以下是

js**

var obj = document.getelementbyid(「img01」);

obj.onclick = get_xy;  //將函式位址傳遞事件,不能帶括號,也不能帶引數

function get_xy(e)   //雖然上一行無法給函式傳遞引數,但事件發生時,事件物件

event

已經傳遞過來了

dom中

event

物件的屬性

clientx:獲取當前事件距離視窗左邊的距離;

clienty:當前事件發生時距離視窗頂端的距離;

pagex:當前事件所在網頁中的x座標

pagey:當前事件所在網頁中的

y座標;

screenx:當前事件所在螢幕中的

x座標;

screeny:當前事件所在螢幕中的

y座標;

事件物件event

1.e.client 相對於當前頁面 視窗,不是這個元素 可視區域的左頂點 document.onmousemove function e 2.e.screen 相對於計算機螢幕的左頂點 document.body.onclick function e 3.offset 事件觸發時滑鼠距離該元素左邊...

事件物件(event)

再觸發dom上的某個事件時,會產生乙個事件物件event,這個物件中包含著所有與事件有關的資訊。所有瀏覽器都支援event物件,但支援的方式不同。1.事件物件的獲取 event的獲取 event內容重要內容 2.screenx pagex和clientx的區別 3.pagey和pagex的相容寫法 ...

JS事件物件event

事件物件 事件引數物件,event物件 1,什麼是事件物件 任何乙個事件觸發後都會包含乙個event物件 event物件中包含與當前事件相關的一些屬性和方法。2,獲取event物件 1,在html中繫結事件 標記 on事件名 btn event eg function btn event 注意 1,...