先從一個簡單的例子說起，一個簡單的button控件如下:
<input type='button' name='myBtn' id='myBtn' onclick='myFunc()' />
然后為其注冊事件，這樣的情況，怎么在javascript里獲取event呢，特別是firefox的情況。請看:
function myFunc()
{
? ? ? ? ? ? ? ?var ev = window.event || arguments.callee.caller.arguments[0],et= ev.srcElement || ev.target;
? ? ? ? ? ? ? ?alert(et.tagName);
}
不出意外的話，在ie/firefox下，上面例子都將輸出INPUT,即是觸發click事件節點的標簽名，ie的event獲取這里就不說了，重點說說firefox下的情況。
這里的 ? ?arguments.callee.caller.arguments[0] ? ?看起來又長又怪，為什么在firefox的情況下，這個東西就是event呢？
首先得了解 ?arguments.callee ?是什么東西,?caller ?又是什么樣的屬性？
argments.callee ? ?就是函數體本身，arguments.callee.caller ??就是函數體的調用函數體
簡單例子如下:
functiona()?
{
? ? ?b();
}
functionb()?
{
? ? ? ? ? ? alert(b===arguments.callee)
? ? ? ? ? ? ?alert(b.caller===a)
? ? ? ? ? ? ?alert(arguments.callee.caller===a)
}
a();
不出意外，上面的例子將輸出3個true,表明當a()調用時，函數b與函數a的關系。
好，弄清楚了arguments.callee與caller，我們再把原先的例子改改，
function myFunc()?
{
? ? ? ? ? alert(arguments.callee.caller.toString())
? ? ? ? ? var ? ? ?ev=window.event||arguments.callee.caller.arguments[0], ? ? ?et=ev.srcElement||ev.target;
}
我們把argument.callee.caller的函數體輸出，看看到底在ie和firefox下有何區別.
可以看到ie下輸出為
function anonymous()?
{
? ? ? ? ? ? myFunc()
}
ff下輸出為
function onclick(event)
{
? ? ? ? ? ? ?myFunc();
}
由此看出在html控件中直接注冊事件在ie/firefox下表現的不同，ie下定義了一個匿名函數，內部再執行用戶定制的函數(myFunc)，而firefox下則有所
不同，首先firefox下定義了一個與節點事件同名的函數,這里是onclick事件，所以是function onclick,然后event作為一個參數傳入，內部再執行myFunc.
所以當事件觸發時，在myFunc里，argument.callee.caller就是指向function onclick，當然，argument.callee.caller.arguments[0]即為event了.
