event獲取的方式

2022-08-12 14:15:14 字數 910 閱讀 5794

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瀏覽器支援以上各種獲取方式,屬於相容性最強的乙個瀏覽器。

順便說下angularjs獲取的方式,使用ng-click=myfunction($event)   傳入的$event也是上面的event, angularjs ng-change等獲取不到event

---------------------

event獲取的方式

簡介 event 物件代表事件的狀態,比如事件在其中發生的元素 鍵盤按鍵的狀態 滑鼠的位置 滑鼠按鈕的狀態。事件通常與函式結合使用,函式不會在事件發生前被執行!event物件的獲取方法 方法一 例如 function demo1 e 方法二 通用的方便的方法 這種方法方便之處在於不用傳引數 例如 f...

js事件定義方式和獲取事件物件event總結

js中事件的定義方式有3種 標籤內事件屬性,dom元素事件屬性 和 dom元素新增事件的方法。1.標籤內事件屬性 事件處理函式內this 指向事件源元素 a div 標籤內事件屬性其實是乙個匿名函式,在ie中等價於 adiv nclick function 在ff中 等價於 adiv nclick ...

event物件獲取方法總結

簡介 event 物件代表事件的狀態,比如事件在其中發生的元素 鍵盤按鍵的狀態 滑鼠的位置 滑鼠按鈕的狀態。事件通常與函式結合使用,函式不會在事件發生前被執行!event物件的獲取方法 方法一 例如 function demo1 e var e e window.event 此種方法在ie中和goo...