Javascript对象。如何创建一个在同一对象内调用函数的按钮

Ben

我有一个名为avatar的JS对象,带有创建函数,该函数在HTML页面上生成一个按钮并设置一些属性。

我想在调用头像对象内的函数的按钮上设置onmouseover,因此我写了:

this.create = function(){
    this.button = document.createElement("BUTTON");
    this.text = document.createTextNode(this.name);
    this.button.appendChild(this.text);
    document.body.appendChild(this.button);
    this.button.style.background=this.color;
    this.button.addEventListener("mouseover", this.randomMove());
}

但是,函数randomMove立即执行,并且不等待按钮被鼠标悬停。随后的鼠标悬停无济于事。

Ben

谢谢你的帮助。

事实证明,我真正想要的是绑定。

this.button.addEventListener("mouseover",this.randomMove.bind(this));

这将函数调用绑定到属于该对象的方法。因此,即使生成的HTML不在对象实例的范围内,函数调用仍会记住应对其进行调用的实例。

再次感谢

Ben

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何从对象,JavaScript中同一对象的其他函数的内部调用函数?

python如何执行调用函数的对象方法,该函数从同一对象调用另一个方法

在 jQuery 中的同一对象上调用另一个函数中定义的函数

从Javascript的同一对象中使用setTimeout函数调用对象方法

调用嵌套函数到同一对象

从同一对象的不同实例中触发另一个实例的函数

在同一对象上的另一个值中使用一个对象值 Javascript

在管道中的同一对象上调用两个不同的函数(%>%)

如何模拟更新同一对象的函数/方法?

我可以从同一对象javascript中调用私有函数吗

一个数组如何包含对同一对象的多个可变引用?

有什么好的做法-我应该创建一个新对象还是重用同一对象?

JavaScript + discord.js:如何在存储在同一对象中的另一个对象中使用对象的属性?

如何在同一对象中约束一个属性与另一个属性的类型?

JavaScript对象属性可以引用同一对象的另一个属性吗?

从同一对象内的另一个对象分配值

从同一对象处置对象

Coffeescript:从同一对象中的函数调用数组函数

不能多次调用同一对象的方法PHP

如何模拟在python中写入同一对象的对象函数?

如何在以下C ++代码中的同一对象上调用default并复制构造函数?

lodash:将属性插入同一对象内的另一个属性

属性值作为来自同一对象的另一个属性值

FactoryBot:多次创建同一对象

获取位于同一对象中的函数的引用

访问同一对象函数中的变量

PHP创建同一对象的2个或更多实例,是否有可能从第一个对象检索信息?

数组中的所有对象(从csv解释)都作为同一对象(最后一个对象)返回

Javascript从对象创建唯一对象的数组