JavaScript onChange无法使用DOM元素[重复]

Question

我在尝试为 JavaScript 中的输入创建 onchange 侦听器时遇到问题：

var apple = document.getElementById("apple");
apple.addEventListener("change", validate("apple"));

function validate(fruitName){
    var qty = parseInt(document.getElementById(fruitName).value);
    console.log(qty);
}

每当用户输入“苹果”输入内容时，我都会尝试检查，我会在控制台打印数量。但是通过这样做，它只在我第一次通过打印出 NaN 刷新浏览器时运行，即使我更改了“apple”的输入也不起作用。

有什么想法吗？

提前致谢。

Answer 1

你必须引用该函数，而不是调用它，并且你不需要传入名称以用作ID来获取元素，该元素在this中已经可用

var apple = document.getElementById("apple");

apple.addEventListener("change", validate);

function validate(event){
    var qty = parseInt(this.value, 10);
    console.log(qty);
}

每当您添加括号时，您都会调用该函数，并且返回的任何内容都会传递给事件处理程序。
因为函数默认返回undefined，这就是你得到的。