IE attachEvent事件处理程序(事件绑定的函数)的this指向的是window不是执行当前事件的dom元素...

最新推荐文章于 2023-03-14 13:51:02 发布
最新推荐文章于 2023-03-14 13:51:02 发布
阅读量194 收藏
点赞数
原文链接：http://www.cnblogs.com/junjieok/p/4603415.html
版权

IE attachEvent事件处理程序(事件绑定的函数)的this指向的是window不是执行当前事件的dom元素。

attachEvent(type,listener);

listener函数中的this不是指向执行当前事件的dom而是window切记，感觉这一点IE做的太奇怪了！

转载于:https://www.cnblogs.com/junjieok/p/4603415.html

weixin_30555753
关注
ie attachEvent this代表window
清风的专栏
02-10 2031
解决IE中attachEvent函数的this指针问题<br />绑定事件，IE使用attachEvent，FF使用addEventListener，除了函数名、参数的不同，还有个关于this指针的差异。<br />在FF中，绑定的事件处理函数被调用时，this指向事件绑定的object，而IE中，this指向window对象。简单的做法，是将事件处理函数定义为对象属性，然后通过匿名函数进行事件绑定。<br /> <br />例如：obj._click =function(){<br />alert(thi
JavaScript设计模式之桥接模式与IE下事件函数的this指向与执行顺序
sl369777的专栏
07-30 1068
在javascript 设计模式这本书中看到桥接模式的例子，先是在那个事件监听器中 addEvent(element, 'click', getBeerByIdBridge); function getBeerByIdBridge (e) { var id = this.id; getBeerById(id, function(beer) { console.log('R
关于原生事件绑定中attachEvent与addEventlistener中兼容性以及attachEvent函数中this指代window问题
专注前端开发
03-22 1507
在原生事件绑定中IE绑定中需要用到attachEvent,FF与chrome中需要用到addEventListener. attachEvent(事件,函数) 例如：var oBtn = document.getElementById('button');             oBtn.addachEvent('onclick',function(){ alert('a');
关于IE中的attachEvent函数的this指针问题(转)
anhuang5101的博客
10-10 381
绑定事件，IE使用attachEvent，FF使用addEventListener，除了函数名、参数的不同，还有个关于this指针的差异。 在FF中，绑定的事件处理函数被调用时，this指向事件绑定的object，而IE中，this指向window对象。简单的做法，是将事件处理函数定义为对象属性，然后通过匿名函数进行事件绑定。 例如： obj._click = functi...
Gantt - attachEvent事件监听 - 两个参数事件
Ariel_tilamisu的博客
12-23 1137
Gantt - attachEvent事件监听 - 两个参数事件
解决使用attachEvent函数时，this指向被绑定的元素的问题的方法
10-30
默认情况下，`attachEvent`中的`this`并不指向触发事件的DOM元素，而是指向当前执行的函数对象，这给开发带来了不小的困扰。本文将详细介绍如何解决这个问题，并提供一种实用的解决方案。 #### 一、问题概述 在...
js使用函数绑定技术改变事件处理程序的作用域
12-02
总结来说，JavaScript的事件处理程序通常会将`this`设置为触发事件的元素，但通过函数绑定，我们可以确保事件处理程序在我们期望的作用域中运行，这在进行面向对象编程时特别有用。理解并熟练运用这一技巧，可以提升...
addEventListener和attachEvent二者绑定的执行函数中的this不相同
09-05
2. **`attachEvent`**: 与`addEventListener`不同，`attachEvent`在IE中执行事件处理函数时，`this`会指向绑定事件的元素，通常是全局对象`window`。当点击`test1`时，所有浏览器的行为一致，因为`onclick`属性直接...
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
11-29
这两个方法支持多个事件处理函数的绑定，`this`指向触发事件的DOM元素，且可以精确移除特定事件处理函数。 2. **事件冒泡**：事件从最具体的节点（子节点）开始，逐级向上层节点传播事件，直到到达最不具体的节点...
addEventListenter和attachEvent事件兼容代码
qq_36090419的博客
06-08 975
在浏览器中，绑定事件方法由于IE和chrome等支持W3C标准的浏览器有所区别。本文针对addEventListener和attachEvent的这两个进行了一些分析，最后给出了一个比较完整的兼容代码 一般我们在JS中添加事件,是这样子的 obj.onclick=method 这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢? obj.oncl
牛客错题整理-前端
song854601134的博客
11-18 972
文章目录1.new 构造函数究竟做了什么2.this对象的理解正确的是3. 关于几种特殊的值转Number和Boolean的情况4.javaScript的全局函数5.运算6.getData()和Data()7.逗号表达式只有最后一项是有效的8.js与EMACScript9.css相关10.同步模式与异步模式，11.12.vue生命周期13.原型图14.错题图记 1.new 构造函数究竟做了什么 只要能理解new 构造函数究竟做了什么就行了 创建一个空对象 将空对象的原型设置为构造函数的原型 改变空对象的t
attachEvent和addEventListener详解
weixin_30865427的博客
04-14 472
attachEvent方法可以动态的为网页内的元素添加一个事件．通常你想为某个按扭添加一个单击事件时．你都会在按扭内写上onclick=事件名称.使用attachEvent则不必这样做．你把写好的事件准备好，在需要的时候给元素绑定上再执行．而且attachEvent支持为某个元素绑定多个事件．执行顺序是，后绑定的先执行．那么我在什么时候使用该方法呢，当然在你需要时．不过如今的Web2.0追求的是分...
用友web前端面试知识点
weixin_43995844的博客
07-25 2685
前端面试题目及知识点 可以获取元素e相邻的下一个元素： e.nextSibling() 代码var foo = “10”+3-“1”;console.log(foo);执行后，foo的值为(102 ) 关于定位： static 定位：静态定位的元素不会受到 top, bottom, left, right影响。HTML 元素的默认值，即没有定位，遵循正常的文档流对象。 fixed 定位：元素的位置相对于浏览器窗口是固定位置。 relative 定位：相对定位元素的定位是相对其正常位置。 absolute 定
彻底理解this指向
m0_73302873的博客
08-22 2383
深度了解this指向
js addEventListener和attachEvent函数中的this的指向问题及解决方法
全赞功成湿的博客
01-16 4214
这篇文章主要讲解addEventListener和attachEvent函数中的this的指向问题，addEventListener中的this指向调用它的对象，而attachEvent函数中的this指向window对象，并提供了一个方法（使用e.target和e.srcElement代替this）来解决问题。
为dom元素添加事件时，函数里的this指向问题
dreamjay1997的博客
06-21 2049
1.如下方式为dom元素添加事件时，check里的this指向window对象，因为默认是window调用的，谁调用this就指向谁&lt;input type="submit" value="提交" name="sub" onclick="return check()"2..如下方式为dom元素添加事件时，check里的this指向相对应的dom元素document.myform[0].sub....
js知识点学习笔记
最新发布
h_el_lo的博客
03-14 556
计算机基础 编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，最终得到结果的过程。 计算机语言：指人与计算机之间的通讯的语言。 计算机语言分为机器语言，汇编语言、高级语言。 汇编语言只是指令采用英文缩写和指令符，更容易识别和记忆。 高级语言：包括c语言、c++、java、c#、php、javascript等。 编程语言有很强的的逻辑和行为能力，是主动的，标记语言（html）不用于向计算机发出指令，常用于格式化链接，是用来被读取的，是被动的。 计算机硬件（输入设备
attachEvent 中this指向
Web前端开发——Kingwell's Blog
09-01 257
IE中使用的事件绑定函数与Web标准的不同，而且this指向也不一样，Web标签中的this指向与传统事件绑定中的this一样，是当前目标，但是IE中事件绑定函数中this指向，通过使用call或apply可以改变this指针的指向。   &lt;!DOCTYPE HTML&gt; &lt;html lang="en-US"&gt; &lt;head&gt; &lt;meta cha...
JavaScript 中 this 对象的理解
卷尾巴
04-19 231
普通函数 * this总是指向函数的直接调用者 * 如果有new关键字，this指向new出来的实例对象 * 在事件中，this指向触发这个事件的对象 * IE下 attachEvent 中的this总是指向全局对象window * 箭头函数中，函数体内的this对象，就是定义时所在作用域的对象，而不是使用时所在的作用域的对象 function foo () { c...
JavaScript跨浏览器事件处理深度解析：DOM Level2与IE兼容性
本文将深入探讨JavaScript中跨浏览器事件处理机制的实现和处理策略，特别是关注DOM Level 2规范引入的addEventListener和removeEventListener函数，以及它们在IE浏览器中的兼容性问题。EventTarget接口是关键，它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值