事件物件(event)

2021-10-02 04:00:37 字數 708 閱讀 8743

再觸發dom上的某個事件時,會產生乙個事件物件event,這個物件中包含著所有與事件有關的資訊。所有瀏覽器都支援event物件,但支援的方式不同。

1. 事件物件的獲取(event的獲取)

event內容重要內容

2. screenx、pagex和clientx的區別

3. pagey和pagex的相容寫法(很重要)

pagey/pagex=event.clienty/clientx+scroll().top/scroll().left
案例如下

a)滑鼠跟隨

b)滑鼠在盒子中的移動

x:100px

y:100px

c)拖拽案例

註冊資訊

註冊資訊(可以拖拽)

【關閉】

事件物件event

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

事件Event物件

當事件發生時,會向呼叫函式傳遞乙個event物件,event 物件記錄當前事件發生時的環境資訊。乙個事件只能對應乙個event物件,並且event 物件是短暫存在的。dom中的 event 物件的使用方法 1 在html 標記中,通過事件來呼叫函式,向函式傳遞乙個 event 引數,該引數就是乙個 ...

JS事件物件event

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