javascript 獲取event

先從一個簡單的例子說起，一個簡單的button控件如下:

<input type='button' name='mybtn' id='mybtn' onclick='myFunc()'/>

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

<script type='text/javascript'>
function myFunc(){
  var ev = window.event || arguments.callee.caller.arguments[0]
    ,et = ev.srcElement || ev.target;

  alert(et.tagName);  
}
</script>

不出意外的話，在ie/ff下，上面例子都將輸出INPUT,即是觸發(fā)click事件節(jié)點的標簽名，ie的event獲取這里就不說了，重點說說ff下的情況。

這里的arguments.callee.caller.arguments[0]看起來又長又怪，為什么在firefox的情況下，這個東西就是event呢？

首先得了解arguments.callee是什么東西,caller又是什么樣的屬性？

argments.callee就是函數(shù)體本身，arguments.callee.caller就是函數(shù)體的調(diào)用函數(shù)體

簡單例子如下:

<script type='text/javascript'>
function a(){
   b();
}

function b(){
   alert(b === arguments.callee)
   alert(b.caller === a)
   alert(arguments.callee.caller === a)

}
a();
</script>

不出意外，上面的例子將輸出3個true,表明當a()調(diào)用時，函數(shù)b與函數(shù)a的關(guān)系。

好，弄清楚了arguments.callee與caller，我們再把原先的例子改改

<script type='text/javascript'>
function myFunc(){
  alert(arguments.callee.caller.toString())
  var ev = window.event || arguments.callee.caller.arguments[0]
    ,et = ev.srcElement || ev.target;
}
</script>

我們把argument.callee.caller的函數(shù)體輸出，看看到底在ie和ff下有何區(qū)別.

可以看到ie下輸出為

function anonymous(){
  myFunc()
}

ff下輸出為

function onclick(event){
  myFunc();
}

由此看出在html控件中直接注冊事件在ie/ff下表現(xiàn)的不同， ie下定義了一個匿名函數(shù)，內(nèi)部再執(zhí)行用戶定制的函數(shù)(myFunc)，而ff下則有所

不同，首先ff下定義了一個與節(jié)點事件同名的函數(shù),這里是onclick事件，所以是function onclick,然后event作為一個參數(shù)傳入，內(nèi)部再執(zhí)行myFunc.

所以當事件觸發(fā)時，在myFunc里，argument.callee.caller就是指向function onclick，當然，argument.callee.caller.arguments[0]即為event了.

以上這篇火狐和ie下獲取javascript 獲取event的方法(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論