火狐和ie下獲取javascript 獲取event的方法

javascript 獲取event
先從一個簡單的例子說起,一個簡單的button控件如下:

然后為其注冊事件,這樣的情況,怎么在javascript里獲取event呢,特別是firefox的情況 。請看:

火狐和ie下獲取javascript 獲取event的方法

不出意外的話,在ie/ff下,上面例子都將輸出INPUT,即是觸發click事件節點的標簽名,ie的event獲取這里就不說了,重點說說ff下的情況 。
這里的arguments.callee.caller.arguments[0]看起來又長又怪,為什么在firefox的情況下,這個東西就是event呢?
【火狐和ie下獲取javascript 獲取event的方法】首先得了解arguments.callee是什么東西,caller又是什么樣的屬性?
argments.callee就是函數體本身,arguments.callee.caller就是函數體的調用函數體
簡單例子如下:
火狐和ie下獲取javascript 獲取event的方法

不出意外,上面的例子將輸出3個true,表明當a()調用時,函數b與函數a的關系 。
好,弄清楚了arguments.callee與caller,我們再把原先的例子改改
火狐和ie下獲取javascript 獲取event的方法

我們把argument.callee.caller的函數體輸出,看看到底在ie和ff下有何區別.
可以看到ie下輸出為
火狐和ie下獲取javascript 獲取event的方法

ff下輸出為
火狐和ie下獲取javascript 獲取event的方法

由此看出在html控件中直接注冊事件在ie/ff下表現的不同 , ie下定義了一個匿名函數,內部再執行用戶定制的函數(myFunc) , 而ff下則有所
不同,首先ff下定義了一個與節點事件同名的函數,這里是onclick事件,所以是function onclick,然后event作為一個參數傳入 , 內部再執行myFunc.
所以當事件觸發時,在myFunc里,argument.callee.caller就是指向function onclick,當然,argument.callee.caller.arguments[0]即為event了.

相關經驗推薦