關於arguments.callee.caller.arguments[0]得到event的一些問題<轉>

時間 2019-12-19

標籤關於 arguments.callee.caller.arguments arguments callee caller 得到 event 一些問題简体版

原文原文鏈接

本文轉載自：一縷青煙 javascript

原文連接：http://www.cnblogs.com/funlake/archive/2009/04/07/1431238.htmlhtml

補充內容轉自：lisa85yun的博客java

連接：http://blog.sina.com.cn/s/blog_61d7c6510100n3v7.htmlapp

先從一個簡單的例子提及，一個簡單的button控件以下:函數

而後爲其註冊事件，這樣的狀況，怎麼在javascript裏獲取event呢，特別是firefox的狀況。請看:測試

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

不出意外的話，在ie/ff下，上面例子都將輸出INPUT,便是觸發click事件節點的標籤名，ie的event獲取這裏就不說了，重點說說ff下的狀況。firefox

這裏的arguments.callee.caller.arguments[0]看起來又長又怪，爲何在firefox的狀況下，這個東西就是event呢？prototype

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

argments.callee就是函數體自己，arguments.callee.caller就是函數體的調用函數體

簡單例子以下:

不出意外，上面的例子將輸出3個true,代表當a()調用時，函數b與函數a的關係。

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

咱們把argument.callee.caller的函數體輸出，看看到底在ie和ff下有何區別.

能夠看到ie下輸出爲

function anonymous(){
myFunc()
}

ff下輸出爲

function onclick(event){
myFunc();
}

由此看出在html控件中直接註冊事件在ie/ff下表現的不一樣， ie下定義了一個匿名函數，內部再執行用戶定製的函數(myFunc)，而ff下則有所

不一樣，首先ff下定義了一個與節點事件同名的函數,這裏是onclick事件，因此是function onclick,而後event做爲一個參數傳入，內部再執行myFunc.

因此當事件觸發時，在myFunc裏，arguments.callee.caller就是指向function onclick，固然，arguments.callee.caller.arguments[0]即爲event了.

使用2級註冊事件來測試一下，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<input type='button' name='mybtn' id='mybtn' />
<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;
}
function myFunc2( e ){
alert(e);
alert(arguments[0]);
}
function a(){
b();
}
function b(){
alert(b === arguments.callee)
alert(b.caller === a)
alert(arguments.callee.caller === a)
}
function addEventHandler(oTarget, sEventType, fnHandler) {
if (oTarget.addEventListener) {
oTarget.addEventListener(sEventType, fnHandler, false);
} else if (oTarget.attachEvent) {
oTarget.attachEvent("on" + sEventType, fnHandler);
} else {
oTarget["on" + sEventType] = fnHandler;
}
};
var BindAsEventListener_t = function(object, fun) {
var args = Array.prototype.slice.call(arguments).slice(2);
return function() {
return fun.apply(object, [arguments[0] || window.event].concat(args));
}
}
addEventHandler( document.getElementByIdx_x("mybtn") , "click" , myFunc ); //1
//addEventHandler( document.getElementByIdx_x("mybtn") , "click" , myFunc2); //2
//myFunc2();
</script>
</body>
</html>

會發現，firebug會提示「arguments.callee.caller is null 」。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。