javascript - Javascript函数在没有被调用的情况下运行?

标签 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>

我认为没有按钮也可以工作,这样当我在文本框中输入内容然后离开文本框时,它就会显示在日志中。但什么也没显示,所以我添加了按钮以使其更直接。尽管如此,它在日志中什么也没做。知道为什么没有显示任何内容吗?

最佳答案

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);

关于javascript - Javascript函数在没有被调用的情况下运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27559438/

相关文章:

javascript - VueJS + VueFire - 通过身份验证将数据添加到 Firebase 实时数据库

c# - WinForms按钮默认样式改变了?

html - 按钮类型 ="submit"提交后也会重定向到另一个页面?

javascript - 如何从函数名获取 javascript 的源代码

javascript - 显示随机 div javascript,有时只显示 div

javascript - 具有各种不同图标问题的 JQuery 切换图标

html - 如何更改鼠标悬停时 HTML 按钮的图像等

c - 以编程方式从控制台屏幕缓冲区大小设置禁用 "Wrap text output on resize"(C)

c - 来自 C 控制台的用户输入

javascript - 网站没有完全滚动到顶部