如何从Javascript中的事件侦听器调用访问对象的属性？
如何从Javascript中的事件侦听器调用访问对象的属性？
提问于 2018-10-08 00:53:08
下面我在Javascript中创建一个对象。在构造函数中，我正在设置一个事件监听器。问题是当事件被触发时，找不到this.prop，并且未定义打印输出。我该如何解决这个问题？
var someObj = function someObj(){
this.prop = 33;
this.mouseMoving = function() { console.log(this.prop);}
document.getElementById("someDiv").addEventListener('mousemove', this.mouseMoving, true);
}Stack Overflow用户
发布于 2018-10-08 09:20:15
当调用事件处理程序时，“this”不再引用“someObj”对象。需要将“this”捕获到mouseMoving函数将捕获的局部变量中。
var someObj = function someObj(){
this.prop = 33;
var self = this;
this.mouseMoving = function() { console.log(self.prop);}
document.getElementById("someDiv").addEventListener('mousemove', this.mouseMoving, true);
}
假设“someObj是一个构造函数，即打算用as调用new someObj()，否则”this“将是全局范围。
“this”关键字在JavaScript中可能会引起混淆，因为它与其他语言的工作方式不同。要记住的关键是它在调用函数时绑定到调用对象，而不是在创建函数时绑定。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100000827
复制相关文章
相似问题
腾讯云开发者
