attachEvent 添加 有参数的函数

最新推荐文章于 2018-04-24 16:28:29 发布
转载 最新推荐文章于 2018-04-24 16:28:29 发布 · 1.1k 阅读 · 0
文章标签：

#function

本文介绍了一个使用JavaScript进行事件绑定的具体示例，展示了如何通过attachEvent方法为DOM元素动态绑定点击事件，并利用自定义函数实现不同层级的菜单操作。
var newopen = function(id,level)
{
  return function()
  {
    opentree(id,level);//该函数为外部定义的一个执行函数；
  }
}
x.attachEvent("onclick",newopen(id,parseInt(level)+1));
y.attachEvent("onclick",newopen(id,parseInt(level)+2)); 
JavaScript通过attachEvent和detachEvent方法处理带参数的函数
12-11
在JavaScript中，当使用attachEvent添加事件处理函数时，通常需要在事件处理函数中额外指定this的上下文，以确保事件对象能够正确地传递给函数。这是因为attachEvent在绑定事件时会把事件处理函数中的this上下文指向...
解决使用attachEvent函数时，this指向被绑定的元素的问题的方法
10-30
当我们使用`attachEvent`或`addEventListener`来为一个DOM元素添加事件监听器时，事件处理函数内部的`this`关键字默认指向的是该函数对象。但在某些场景下，我们希望`this`能够指向触发事件的那个DOM元素本身，这样...
Javascript attachEvent传递参数的办法
05-15 1347
var newopen = function(id,level){  return function()  {    opentree(id,level);//该函数为外部定义的一个执行函数；  }}x.attachEvent("onclick",newopen(id,parseInt(level)+1));y.attachEvent("onclick",newopen(id,parseInt
attachEvent传递参数
04-10 165
JavaScript中有时会用到给Html动态添加事件,在传递参数中需要注意下.下例中注释掉的部分运行会出问题,有人说这属于JavaScript闭包的问题至于何为闭包,管它的了.<html><head> <title>无标题页</title></head><body> <input id="Text...
javascript动态添加事件方法详解 || Javascript attachEvent传递参数的办法
liu163710的专栏
03-11 1542
有时候我们需要用javascript动态添加事件，这就涉及到浏览器的兼容性问题，以下是几种常见的方法，我们也常常混合使用。 <br />方法一、setAttribute <br />var obj = document.getElementById("obj");  <br />obj.setAttribute("onclick", "javascript:alert('测试');");  <br />这里利用 setAttribute 指定 onclick 属性，简单，很好理解，  <br />但是：IE
attachEvent绑定函数添加参数
xo_tobacoo
08-28 219
满世界跑了一圈，最简单的 如下：   &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;input type="button" id="bject" value="test" /&gt; &lt;body&gt; &lt;/bod
attachEvent的使用方法与传递参数[IE|firefox]
wenzi_li的专栏
12-10 376
[code] window.onload=function(){ var obj=document.getElementById("button1"); (function(){ var str="看到我了吧"; var func=function(){ alert(str); ...
javascript 添加和移除函数的通用方法
10-29
在这个函数中，我们首先检查节点是否具有addEventListener方法，如果有，使用W3C标准方法来添加事件监听器，并通过指定第三个参数为false来表示我们添加的是冒泡阶段的事件监听器，因为IE不支持捕获阶段的事件监听器...
js循环动态绑定带参数函数遇到的问题及解决方案[转]
12-02
本文将深入探讨在JavaScript中如何解决动态绑定带参数函数时遇到的问题，尤其是涉及到循环的情况。 首先，不带参数的事件绑定相当直接。例如，如果要为一个具有ID "select_0" 的元素绑定一个名为 "modifyFunction" ...
attachEvent 传递参数
dadou
12-11 1024
   这是连接  function AttachEvent(type, target, handler, owner){        var eventHandler = handler;    if(owner)    {    debugger;            // 在这里重新定义一个处理函数            eventHander = function(e)       
使用闭包解决 JS 中调用 attachEvent 方法传值
fujiang3673的博客
04-24 316
1. 遍历需要遍历的标签for(var i=0;i&lt;node2.length;i++){     node2[i].attachEvent("onclick",reminderQuery(i)); }2. 声明 JS 方法var reminderQuery = function(i){     return function(){         reminderQuery2(i);    ...
attachEvent传递参数的办法
weixin_30414155的博客
10-29 171
使用attachEvent给对像绑定事件时，方法不能传递参数，经过了解，原来是javascript的闭包问题，导致得不能直接读取外部的那个函数，不然就所有传递的参数都变为最后一个了。解决办法如下： var newopen = function(id,level){ return function() { opentree(id,level);//该函数为外部定义的一个执行函数；...
attachEvent带参数函数调用问题
shenqi_1999的专栏
03-02 797
方案一与方案二区别是什么?方案一:var obj_input = document.getElementsByTagName("input");     for(var i=0; i         if(obj_input[i].type.toLowerCase() == checkbox){             var obj_ev = function(obj_chk){  
JS添加/绑定事件监听函数并传参数attachEvent和addEventListener兼容个浏览器
哆啦咪^Pluser
03-30 4357
*  * 添加事件监听函数  *obj       要添加监听的对象或元素  * eventName  事件名  *fun       监听函数的名称  *param     给监听函数传的参数，这里就传了一个参数  * functionaddEventHandler(obj,eventName,fun,param=''){      var fn =fun;    if(pa
javascript+attachEvent传递参数问题
gideal_wang的专栏
05-04 2259
假定已有方法checkName//无参数传递function checkName(){dosomething...} 现在，对表单中某一元素通过JS添加onclick事件一、如果不传递参数直接这样写就可以：obj.attachEvent("onclick",checkName);attachEvent的第二个参数就是要调用的方法名，不用加引号，不用在方法
js给onclick赋值，传参数
gdjlc的专栏
03-28 4269
1）当方法没有参数时，赋值可以直接用onclick = 方法名   window.onload = function() {         $('btnTest').onclick = test;       }   function test() {         alert(val);   } 2）当方法有参数时，用onclick = 方法名(参数)时就有错了，需要在
attachevent
最新发布
03-08
<think>好的，用户想了解关于“attachevent”的信息。首先，我得确认这个术语的具体含义和常见使用场景。AttachEvent听起来像是一个与事件处理相关的函数或方法，可能在编程中使用，尤其是在某些特定的框架或语言中。 首先，回忆一下，我知道在JavaScript中，早期IE浏览器（比如IE8及更早版本）使用attachEvent方法来为元素添加事件处理程序。而现代浏览器则使用addEventListener。这可能是一个关键点。用户可能是在处理跨浏览器兼容性问题，或者在学习旧版代码时遇到了这个方法。 接下来，需要确认用户的具体背景。如果他们是前端开发者，可能需要了解attachEvent的历史、语法、与现代方法的区别以及兼容性处理。如果他们只是初学者，可能需要更基础的解释，包括为什么存在不同的方法，以及现在应该如何正确使用事件处理。 然后，考虑用户可能的深层需求。他们可能遇到了某个使用attachEvent的旧代码库，需要维护或升级，因此需要了解如何替换或兼容这个方法。或者他们可能在面试或考试中遇到相关问题，需要理解其工作原理。 需要组织回答的结构，先介绍attachEvent是什么，它的语法，与addEventListener的区别，兼容性处理方法，以及现代替代方案。同时，提供代码示例会更有帮助，比如展示如何使用attachEvent，以及如何编写跨浏览器的代码。 还需要注意，用户可能对JavaScript的事件模型不太熟悉，因此要解释事件处理的基本概念，比如事件冒泡、捕获阶段，以及attachEvent在这些方面的不同表现。例如，attachEvent不支持事件捕获，只支持冒泡阶段，而addEventListener可以指定阶段。 另外，关于this关键字的指向问题，在attachEvent中，事件处理函数内的this指向的是window对象，而不是触发事件的元素，这与addEventListener的行为不同。这也是需要强调的一个区别，因为这在代码迁移时可能导致问题。 还要提到移除事件的方法，detachEvent，类似于removeEventListener，但同样需要注意参数的一致性。 最后，给出现代最佳实践，推荐使用addEventListener，并考虑使用polyfill或库（如jQuery）来处理旧浏览器兼容性，以确保代码的健壮性和可维护性。 检查是否有遗漏点，比如IE版本的支持范围，attachEvent的参数细节，事件处理函数的作用域问题，以及常见的错误使用案例。确保回答准确且易于理解，避免使用过于专业的术语，必要时进行解释。 总结，用户需要了解attachEvent的背景、用法、问题及替代方案，回答应涵盖这些方面，并提供实用示例和迁移建议，帮助他们解决实际问题或加深理解。</think>`attachEvent` 是早期 **Internet Explorer 浏览器（IE8及以下版本）** 中用于绑定事件处理程序的方法。它是微软在 **IE事件模型** 中实现的专有方法，与标准浏览器的 `addEventListener` 方法行为不同。以下是关键知识点： --- ### 1. 基础语法 ```javascript element.attachEvent("on" + eventName, handler); ``` - **参数**： - `eventName`: 事件名称，需以 `on` 开头（例如 `"onclick"`）。 - `handler`: 事件处理函数。 --- ### 2. 与 `addEventListener` 的区别 | 特性 | `attachEvent` (IE) | `addEventListener` (标准) | |---------------------|--------------------------------|-----------------------------------| | 事件名前缀 | 必须加 `on`（如 `"onclick"`） | 不加 `on`（如 `"click"`） | | 事件阶段 | 仅支持冒泡阶段 | 支持捕获/冒泡阶段（通过第三个参数） | | `this` 指向 | `window` 对象 | 触发事件的元素 | | 多个事件处理程序 | 执行顺序不确定 | 按绑定顺序执行 | | 移除方法 | `detachEvent` | `removeEventListener` | --- ### 3. 兼容性代码示例 ```javascript if (element.addEventListener) { // 标准浏览器 element.addEventListener("click", handler, false); } else if (element.attachEvent) { // IE8及以下 element.attachEvent("onclick", handler); } ``` --- ### 4. 注意事项 1. **`this` 指向问题** 在 `attachEvent` 中，事件处理函数内的 `this` 指向 `window`，而非触发事件的元素。需手动传递元素： ```javascript element.attachEvent("onclick", function() { handler.call(element); // 强制修正 this 指向 }); ``` 2. **事件对象** IE 中通过 `window.event` 获取事件对象，而标准浏览器通过参数传递： ```javascript function handler(e) { e = e || window.event; // 兼容写法 // 处理事件 } ``` 3. **内存泄漏风险** 在旧版本 IE 中，未正确解绑事件可能导致内存泄漏。务必使用 `detachEvent` 及时移除事件。 --- ### 5. 现代替代方案 - **优先使用 `addEventListener`**，并通过 Polyfill 或库（如 jQuery）兼容旧浏览器。 - **框架推荐**：Vue/React 等现代框架已封装事件处理，无需直接操作 `attachEvent`。 --- ### 总结 `attachEvent` 是旧版 IE 的事件绑定方法，存在诸多兼容性问题。现代开发中应使用 `addEventListener`，并通过条件判断或工具库实现跨浏览器支持。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值