从Object调用方法作为事件侦听器

时间:2017-03-20 20:07:27

标签: javascript object events listeners

好的我正在制作Javascript收银机,并且已经包含一个按钮。当我单击按钮时,我希望它调用一个函数。这就是我的方式:

var clear = document.getElementById("clearSpend");//the button
clear.addEventListener("click",  procedures.clearSpend(), false);

我有一个名为“procedures”的对象,在其中我有一个方法“clearSpend”,它将总数重置为0(我知道不相关)。 每当我运行程序时,我收到“Uncaught TypeError:无法读取属性'clearSpend'的未定义”。

1 个答案:

答案 0 :(得分:1)

您必须设置指向您的功能的链接,但不能设置它的执行结果

var procedures = {clearSpend:function(){alert('clearSpend:function');}};
var clear = document.getElementById("clearSpend");//the button
clear.addEventListener("click",  procedures.clearSpend, false);
<div id="clearSpend" style="width:220px;height:120px;background-color:red;"></div>