event物件獲取方法總結

2021-08-27 15:28:30 字數 869 閱讀 9637

簡介:

event 物件代表事件的狀態,比如事件在其中發生的元素、鍵盤按鍵的狀態、滑鼠的位置、滑鼠按鈕的狀態。 事件通常與函式結合使用,函式不會在事件發生前被執行!

event物件的獲取方法:

方法一:

例如:function demo1(e){

var e = e || window.event;

//此種方法在ie中和google中可以不傳引數e也可以獲取到event,但是在火狐中必須在事件方法中傳遞event引數

//才可以獲取到event物件。

方法二:通用的方便的方法(這種方法方便之處在於不用傳引數)

例如:function demo2(){

var e = arguments.callee.caller.arguments[0] || window.event;

指的就是當前的函式體

.caller就是當前函式的上級函式

//所以當執行οnclick="demo2()"時arguments.callee就是demo2(),arguments.callee.caller就是function onclick ,

//onclick的第乙個能數就是event,也就是arguments.callee.caller.arguments[0]這個。

詳細測試總結:

一:萬能的同樣的方法是:傳遞引數event(實參必須寫event換其他名稱不行)方式。

二:window.event適用於ie和google瀏覽器火狐不支援。

三:arguments.callee.caller.arguments[0]僅火狐和google支援,ie不支援這種獲取方式。

從以上測試結果可知google瀏覽器支援以上各種獲取方式,屬於相容性最強的乙個瀏覽器。

事件物件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的相容寫法 ...

事件Event物件

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