Javascript函数运行没有被调用?

时间:2014-12-19 03:50:55

标签: javascript button console blur

所以我的page.js文件中只有6行代码,它们是:

document.getElementById("desired").addEventListener("blur", gradeChange());
document.getElementById("calculate").addEventListener("click", gradeChange());

function gradeChange() {                                                              
    var dog = document.getElementById("desired").value;                               
    console.log(dog);                                                                 
}

在我的page.html中,我有:

<input id="desired" type="text">

以及其他地方:

<button id="calculate" type="button">Calculate</button>

我认为没有按钮就可以工作,所以当我在文本框中键入内容然后离开文本框时,它会显示在日志中。但没有任何表现,所以我添加了按钮,使其更直接。不过,它在日志中没有做任何事情。知道为什么没有出现吗?

1 个答案:

答案 0 :(得分:5)

gradeChange()调用函数gradeChange

document.getElementById("desired").addEventListener("blur", gradeChange());
document.getElementById("calculate").addEventListener("click", gradeChange());

将gradeChange()更改为gradeChange

document.getElementById("desired").addEventListener("blur", gradeChange);
document.getElementById("calculate").addEventListener("click", gradeChange);