栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用addEventListener的处理程序中“ this”的值

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用addEventListener的处理程序中“ this”的值

您需要将处理程序“绑定”到您的实例。

var _this = this;function onClickBound(e) {  _this.handleCellClick.call(cell1, e || window.event);}if (cell1.addEventListener) {  cell1.addEventListener("click", onClickBound, false);}else if (cell1.attachEvent) {  cell1.attachEvent("onclick", onClickBound);}

请注意,这里的事件处理程序将

event
对象标准化(作为第一个参数传递)并
handleCellClick
在适当的上下文中调用(即,引用事件侦听器所附加的元素)。

还要注意,这里的上下文规范化(即

this
在事件处理程序中设置适当的值)在用作事件处理程序的函数(
onClickBound
)和元素对象(
cell1
)之间创建了循环引用。在IE的某些版本(6和7)中,这可能会并且可能会导致内存泄漏。本质上,此泄漏是由于本机和主机对象之间存在循环引用,浏览器无法在页面刷新时释放内存。

为了规避它,您将需要:a)删除

this
规范化;b)采用替代(且更为复杂)的标准化策略;c)在页面卸载时“清理”现有的事件侦听器,即使用
removeEventListener
detachEvent
和元素
null
ing(不幸的是,这将使浏览器的快速历史导航无效)。

您还可以找到一个负责此工作的JS库。它们中的大多数(例如:jQuery,Prototype.js,YUI等)通常按照(c)中所述进行清理。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/415990.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号