http://www.cnblogs.com/funlake/archive/2009/04/07/1431238.html
以上这篇文章写的很好,转至如下,
先从一个简单的例子说起,一个简单的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,即是触发click事件节点的标签名,ie的event获取这里就不说了,重点说说ff下的情况。
这里的arguments.callee.caller.arguments[0]看起来又长又怪,为什么在firefox的情况下,这个东西就是event呢?
首先得了解arguments.callee是什么东西,caller又是什么样的属性?
argments.callee就是函数体本身,arguments.callee.caller就是函数体的调用函数体
简单例子如下:
<
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()调用时,函数b与函数a的关系。
好,弄清楚了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的函数体输出,看看到底在ie和ff下有何区别.
可以看到ie下输出为
function
anonymous(){
myFunc()
}
ff下输出为
function
onclick(event){
myFunc();
}
由此看出在html控件中直接注册事件
在ie/ff下表现的不同, ie下定义了一个匿名函数,内部再执行用户定制的函数(myFunc),而ff下则有所
不同,首先ff下定义了一个与节点事件同名的函数,这里是onclick事件,所以是function onclick,然后event作为一个参数传入,内部再执行myFunc.
所以当事件触发时,在myFunc里,argument.callee.caller就是指向function onclick,当然,argument.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.getElementById("mybtn") , "click" , myFunc ); //1
//addEventHandler( document.getElementById("mybtn") , "click" , myFunc2); //2
//myFunc2();
</script>
</body>
</html>
会发现,firebug会提示“arguments.callee.caller is null
” 。
分享到:
相关推荐
js代码-arguments.callee
关于arguments,callee,caller等的测试 function testArg() { var sTemp =”test()开始执行\n\n函数定义的正文:\n\n”; sTemp+=arguments.callee + “\n\n”; sTemp+=”传入参数的长度:\n”; sTemp+=arguments....
本篇文章只要是对js的隐含参数(arguments,callee,caller)使用方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
javascript中arguments,caller,callee 是什么?在javascript 中有什么样的作用?本篇会对于此做一些基本介绍。希望大家能够喜欢。
js的隐含参数(arguments,callee,caller)使用方法.docx
js中arguments,caller,callee,apply的用法小结.docx
var getEvent = window.event || arguments.callee.caller.arguments[0]; if(getEvent.changedTouches){ if(getEvent.changedTouches.length == 1){//确保只有一个手指 //获取手指的位置 var getCurrentX = ...
3. 访问arguments.callee或函数的caller属性将导致“类型错误(TypeError)” 4. 以下代码的执行效果与非严格模式并不一致:js
javascript 获取event 先从一个简单的例子说起,一个简单的button控件如下: <input type=’button’ name=’mybtn’ id=’mybtn’ ... var ev = window.event || arguments.callee.caller.arguments[0] ,et = ev.
function getCallerArgument(){ var result = [];... result = result.concat(slice.call(caller.arguments, 0)); caller = caller.arguments.callee.caller; } return result; }; var a = function(){b('a1','
本文实例讲述了JavaScript中callee和caller的区别与用法。分享给大家供大家参考,具体如下: 1.callee 在函数的内部,有两个特殊的对象:arguments和this。其中arguments是一个类似数组的对象,包含着传入函数的所有...
代码如下: [removed] function TextValidate() { var code;... } else { code = arguments.callee.caller.arguments[0].which; } var character = String.fromCharCode(code); var txt = new RegEx
代码如下:[removed][removed]=function(event){var e = event || window.event || arguments.callee.caller.arguments[0];if(e && e.keyCode==27){ // 按 Esc //要做的事情}if(e && e.keyCode==113){ // 按 F2 //要...
aClassArray[i].onmouseover =linkMouseover//不传参的情况下是可以用的,但后续不能用 arguments.callee.caller.arguments[0] aClassArray[i].onmouseover =linkMouseover()//加括号是错误用法 aClassArray[i]....
代码如下:var www_jb51_net = function (obj, url, title) { var e = window.event || arguments.callee.caller.arguments[0]; var B = { IE : /MSIE/.test(window.navigator.userAgent) && !window.opera , FF ...
问题描述 做项目用到了MUI的scroll控件 故此我引入了mui.min.js 然而 猝不及防地报错了: 原创文章 236获赞 36访问量 201万+ 关注 私信 展开阅读全文 作者:Piconjo_Official
关键字:arguments,callee,callerarguments:表示传入函数的参数callee:表示函数和函数主体的语句caller:表示调用该函数的函数arguments 该对象代表正在执行的函数和调用它的函数的参数。 caller 返回一个对函数的引用...
callee是对象的一个属性,该属性是一个指针,指向参数arguments对象的函数 首先我们来写个阶成函数: function chen(x){ if (x<=1) { return 1; } else{ return x*chen(x-1); }; }; 从这个函数中可以看出来,...
一种最简单的方式,就是动态改变你想要全屏显示的部件的style,例如position变成absolute,height... 代码如下:[removed] = function (event) { var e = event || window.event || arguments.callee.caller.arguments