博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
统一addEventListener与attachEvent中this指向问题
阅读量:6403 次
发布时间:2019-06-23

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

 1、this指向问题

使用addEventListener注册的事件,事件处理函数中 this指向目标元素;

使用attachEvent注册的事件,事件处理函数中 this指向window对象

 

要想将二者统一,可采用下面方法:

 

function addEvent(ele,evtType,handler){	if(ele.addEventListener){		ele.addEventListener(evtType,handler,false);	}else if(ele.attachEvent){		ele.attachEvent('on'+evtType,function (event){			handler.call(ele,event);  //改变事件处理函数中的this指向		});	}}

  2、调用顺序:

通过对象属性或html属性注册的事件,会优先被调用

addEventListener注册的事件,按照注册顺序执行

attachEvent注册的事件,可能按任何顺序执行 (IE8及之前版本,一般会和注册顺序相反)IE9之后,支持addEventListener

 

3、事件处理函数返回值

通过对象属性或html属性注册的事件,通过返回false,可以阻止事件的默认行为

addEventListener注册的事件,通过preventDefault()方法阻止

attachEvent注册的事件,通过设置事件对象的returnValue属性为false

 

转载于:https://www.cnblogs.com/lydialee/p/4775635.html

你可能感兴趣的文章
如何将kux格式的视频转换成我们常用的MP4格式
查看>>
[sublime系列文章] sublime text 3插件配置说明
查看>>
学习 PixiJS — 碰撞检测
查看>>
Vue 基础篇
查看>>
JavaScript:函数防抖与函数节流
查看>>
关于区间贪心的补全
查看>>
架构设计步骤
查看>>
自定义元素探秘及构建可复用组件最佳实践
查看>>
区块链是一个公共数据库,要放在一个块内
查看>>
Jenkins 用户文档(目录)
查看>>
系统常见指标
查看>>
使用crond构建linux定时任务及日志查看
查看>>
地图绘制初探——基于maptalks的2.5D地图绘制
查看>>
SpringBoot2.0之七 实现页面和后台代码的热部署
查看>>
Git 仓库大扫除
查看>>
设计模式-单例模式
查看>>
es6基础0x014:WeakMap
查看>>
九种 “姿势” 让你彻底解决跨域问题
查看>>
php中mysqli 处理查询结果集总结
查看>>
你不知道的JavaScript运算符
查看>>