关于arguments.callee.calle…_uniapp arguments.callee()-程序员宅基地

技术标签： IT  

原文地址：关于arguments.callee.caller.arguments[0]获得event的一些问题 作者： lisa85yun

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级注册事件来测试一下，

Js代码 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title></title>  
  6. </head>  
  7. <body>  
  8.   
  9. <input type='button' name='mybtn' id='mybtn' />  
  10.   
  11. <script type='text/javascript'>  
  12. function myFunc(){  
  13.     alert(arguments.callee.caller.toString())  
  14.    var ev = window.event || arguments.callee.caller.arguments[0] ,et = ev.srcElement || ev.target;  
  15. }  
  16.   
  17.   
  18. function myFunc2( e ){  
  19.     alert(e);  
  20.     alert(arguments[0]);  
  21. }  
  22.   
  23. function a(){  
  24.      b();  
  25. }  
  26.   
  27. function b(){  
  28.      alert(b === arguments.callee)  
  29.      alert(b.caller === a)  
  30.      alert(arguments.callee.caller === a)  
  31. }  
  32.   
  33.   
  34. function addEventHandler(oTarget, sEventType, fnHandler) {  
  35.     if (oTarget.addEventListener) {  
  36.         oTarget.addEventListener(sEventType, fnHandler, false);  
  37.     } else if (oTarget.attachEvent) {  
  38.         oTarget.attachEvent("on" + sEventType, fnHandler);  
  39.     } else {  
  40.         oTarget["on" + sEventType] = fnHandler;  
  41.     }  
  42. };  
  43.   
  44.   
  45. var BindAsEventListener_t = function(object, fun) {  
  46.     var args = Array.prototype.slice.call(arguments).slice(2);  
  47.     return function() {  
  48.         return fun.apply(object, [arguments[0] || window.event].concat(args));  
  49.     }  
  50. }  
  51.   
  52. addEventHandler( document.getElementByIdx_x("mybtn") , "click" , myFunc );  //1  
  53.   
  54. //addEventHandler( document.getElementByIdx_x("mybtn") , "click" , myFunc2);  //2  
  55. //myFunc2();  
  56. </script>  
  57. </body>  
  58. </html>  

 会发现，firebug会提示“arguments.callee.caller is null ” 。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huanshiwushuang/article/details/70172482

智能推荐

JavaWeb(14) 页面静态化之使用freemarker模板生成一个html静态页面_java实现静态模板-程序员宅基地

文章浏览阅读6.2k次。题外话： 页面静态化(展示数据从JSP页面变成HTML页面)实现方式-->模板技术 从本质上来讲，模板技术是一个占位符动态替换技术。一个完整的模板技术需要四个元素：①模板语言(使用的语法) ②包含模板语言的模板文件(.ftl结尾) ③模板引擎(jar包)④拥有动态数据的数据对象 FreeMarker是一款模板引擎：即一种基于模板和要改变的数据，并用来..._java实现静态模板

CRC16-CCITT校验算法实现（C#版）_c# static byte[] datacrc16_ccitt-程序员宅基地

文章浏览阅读6.4k次。public ushort[] CRC16Table = { 0x0000, 0x1189, 0x2312, 0x329B, 0x4624, 0x57AD, 0x6536, 0x74BF, 0x8C48, 0x9DC1, 0xAF5A, 0xBED3, 0xCA6C, 0xDBE5, 0xE97E, 0xF8F7,_c# static byte[] datacrc16_ccitt

android 图片压缩避免内存溢出的解决办法-程序员宅基地

文章浏览阅读462次。在android中的很多应用中都需要拍照上传图片，随着手机的像素越来越高，拍摄的图片也越来越大。在拍摄后显示的时候，使用universalimageloader.这个开源项目可以避免内存溢出。但是在上传的时候，一般需要压缩，但是压缩的时候很容易导致内存溢出。解决的办法就是，压缩后的二进制流，不用导出Bitmap，而是直接存储为本地文件，上传的时候直接通过本地文件上传。代码如下：1.图片压缩获..._android压缩图片会造成内存溢出

Subnet简介-程序员宅基地

文章浏览阅读2.9w次，点赞2次，收藏13次。Subnet（子网）在一般的概念中，有两个基本含义：1 这个子网的网段（CIDR）和IP版本；2 这个子网的路由（含默认路由）。事实上，Subnet模型也确实有这两个字段cidr和ip_version,分别表示一个子网的网段和IP版本。另外Subnet模型还有两字段gateway_ip和host_routes，表示一个子网的路由信息。gateway_ip是这个子网的默认网关IP。host_rout..._subnet

HBase的列族必须提前定义-程序员宅基地

文章浏览阅读282次，点赞4次，收藏7次。在HBase中，列族（Column Family）必须在创建表时提前定义，而列（Column）是动态添加的，无需提前定义。一旦表创建完成并列族定义好之后，可以动态地向表中的列族中添加新的列，而无需修改表的结构。2. **列是动态添加的：** 列是在列族内动态添加的，无需提前定义。而列是动态添加的，可以根据需要随时向列族中添加新的列。1. **列族必须提前定义：** 在创建HBase表时，需要指定表的列族，每个列族都需要提前定义。列族的定义是静态的，一旦表创建完成并列族定义好之后，列族的结构就不能再改变了。

人工智能伦理框架：如何建立AI技术的道德规范-程序员宅基地

文章浏览阅读365次，点赞6次，收藏9次。1.背景介绍人工智能(AI)技术的发展已经进入了关键时期，它正在改变我们的生活、经济和社会结构。然而，随着AI技术的不断发展，也引发了一系列道德、伦理和法律问题。为了确保AI技术的可持续发展和社会接受，我们需要建立一个人工智能伦理框架，以指导AI技术的研发和应用。在过去的几年里，许多学者、企业家、政府机构和非政府组织都开始关注AI伦理问题，并提出了许多关于AI伦理的建议和规范。然而，这些建..._人工智能道德框架

随便推点

opencv-python常用函数解析及参数介绍（八）——轮廓与轮廓特征_python opencv提取圆轮廓-程序员宅基地

文章浏览阅读986次，点赞2次，收藏9次。在前面的文章中我们已经学会了使用膨胀与腐蚀、使用梯度、使用边缘检测的方式获得图像的轮廓，那么在获得轮廓后我们可以对图像进行什么样的操作呢？本文将介绍轮廓的绘制与轮廓特征的使用。_python opencv提取圆轮廓

linux redis自动关闭问题_linux redis启动 linux redis启动一会后自动关闭-程序员宅基地

文章浏览阅读4.3k次，点赞5次，收藏5次。linux 自动关闭的问题问题：redis.clients.jedis.exceptions.JedisDataException: MISCONF Redis is configured to save RDB snapshots, but it is currently not able to persist on disk. Commands that may modify the data set are disabled, because this instance is configured_linux redis启动 linux redis启动一会后自动关闭

【SpringCloud-Alibaba系列教程】14.一文教你入门RocketMQ_《芋道 spring cloud alibaba 消息队列 rocketmq 入门-程序员宅基地

文章浏览阅读560次。<本文已参与 RocketMQ Summit 优秀案例征文活动，点此了解详情>MQ简介MQ(Message Queue)是一种跨进程的通信机制，用于消息传递。通俗点说，就是一个先进先出的数据结构。MQ应用场景异步解耦很多场景不使用MQ会产生各个应用见紧密耦合在在一起，其实我们要遵循的原则就是高内聚低耦合，通过上图我们就可以看到，消息生产者，不管消息消费者状态如何，生产好的消息就直接投递到MQ中，消息消费者也是同样，不管消息生产者如何，只取MQ中的消息进行处理。这是解耦.._《芋道 spring cloud alibaba 消息队列 rocketmq 入门

基于微信小程序的校园导航小程序设计与实现_简单的校园导航微信小程序怎么弄-程序员宅基地

文章浏览阅读1k次，点赞23次，收藏41次。今天带来的是基于SpringBoot的校园导航微信小程序设计与实现，智能化的管理方式可以大幅降低学校的运营人员成本，实现了校园导航的标准化、制度化、程序化的管理，有效地防止了校园导航的随意管理，提高了信息的处理速度和精确度，能够及时、准确地查询和修正建筑速看等信息。课题主要采用微信小程序、SpringBoot架构技术，前端以小程序页面呈现给学生，结合后台java语言使页面更加完善，后台使用MySQL数据库进行数据存储。微信小程序主要包括学生信息、校园简介、建筑速看、系统信息等功能。_简单的校园导航微信小程序怎么弄

The server time zone value ‘�й���׼ʱ��‘ is unrecognized or represents more than one time zone.-程序员宅基地

文章浏览阅读33次。java.sql.SQLException: The server time zone value '�й���׼ʱ��' is unrecognized or represents more than one time zone.

利用base64对图片进行编码及解码_平台接收base64图片编码-程序员宅基地

文章浏览阅读5.9k次。试图将图片通过json进行传输，这个时候就想到利用base64编码的方法来图片。主要步骤有1、对图片文件进行编码，转换为base64编码的格式，及一长串字符；2、可将字符通过json进行传送；3、目的方接收json数组，取出编码字符串，并进行解码，显示图片该方法难点主要还是在于对图片的编解码处理，以下是用PHP实现的编解码处理代码<?php $image_f_平台接收base64图片编码</div>

推荐文章

热门文章

相关标签