首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何从Javascript中的事件侦听器调用访问对象的属性?

如何从Javascript中的事件侦听器调用访问对象的属性?
EN

Stack Overflow用户
提问于 2018-10-08 00:53:08
回答 2查看 0关注 0票数 0

下面我在Javascript中创建一个对象。在构造函数中,我正在设置一个事件监听器。问题是当事件被触发时,找不到this.prop,并且未定义打印输出。我该如何解决这个问题?

代码语言:javascript
复制
   var someObj = function someObj(){
       this.prop = 33;
        this.mouseMoving = function() { console.log(this.prop);}

        document.getElementById("someDiv").addEventListener('mousemove', this.mouseMoving, true);

 }
EN

Stack Overflow用户

发布于 2018-10-08 10:36:01

javascript内置的Function.prototype.bind()用于此目的 例如:

代码语言:javascript
复制
var someObj = function someObj(){
       this.prop = 33;
        this.mouseMoving = function() { console.log(this.prop);}

        document.getElementById("someDiv").addEventListener('mousemove', this.mouseMoving.bind(this),true);

 }

有关bind方法的更多信息,访问:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

另外必须将对象someObj的引用传递给元素并在行中使用该引用:

代码语言:javascript
复制
console.log(this.referenceToObject.prop); //this references the DOM element in an event.
票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100000827

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档