关于arguments.callee.caller.arguments[0]获得event的一些问题
发布日期:2021-08-21 12:06:01 浏览次数:2 分类:技术文章

本文共 1686 字,大约阅读时间需要 5 分钟。

 先从一个简单的例子说起,一个简单的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了.

 

      

 会发现,firebug会提示“arguments.callee.caller is null ” 。

转载:http://www.cnblogs.com/funlake/archive/2009/04/07/1431238.html

转载于:https://www.cnblogs.com/yaobolove/p/4730944.html

转载地址:https://blog.csdn.net/weixin_33717298/article/details/93184691 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:第二十一 webchat
下一篇:DevExpress AspxGridView数据绑定

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年03月06日 02时01分57秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

php 删除字节,php – 删除无效/不完整的多字节字符 2019-04-21
php 实现版本号对比,如何在PHP中实现比较版本号 2019-04-21
php sql 给数据库追加内容,php如何向数据库中的某串数据后追加内容【急】 2019-04-21
php微信小程序获取用户信息,微信小程序授权获取用户详细信息openid的实例详解... 2019-04-21
Java三元运算和if,Java三元运算符与<JDK8兼容性中的if / else 2019-04-21
graphql-php enum,php – 如何在不写长查询的情况下查询所有的GraphQL类型字段? 2019-04-21
php date 函数用法,php中date()日期时间函数使用方法 2019-04-21
php除法获取整数和余数,PHP除法取整和取余数 2019-04-21
java迷宫路径,Java中的迷宫路径查找器 2019-04-21
php substr cnblog,php中substr用法示例 2019-04-21
php链接怎么截取,PHP 截取网页中的固定种子链接 2019-04-21
iis运行不起来php报500,解决IIS上安装thinkphp6运行报500错误 2019-04-21
php ajax上传图片过大500错误,javascript – JQuery AJAX文件上传错误500 2019-04-21
matlab 图中的legend,matlab中legend加图示命令的使用 2019-04-21
PHP exec xargs 不执行,Linux中的xargs命令及示例 2019-04-21
php 枚举cookie内容,php设置和获取cookie 2019-04-21
单防区扩展模块怎么用_AB罗克韦尔自动化Micro800 扩展 I/O模块型号及功能介绍 2019-04-21
java矩阵类_Java泛型——泛型矩阵类 2019-04-21
java车牌正则表达式_车牌正则表达式 2019-04-21
wordpress4.9.4 mysql_WordPress 将不再支持 PHP4 和 MySQL 4 2019-04-21