JavaScript onChange funktioniert nicht mit DOM-Elemente

Question

Ich habe ein Problem, wenn onChange Zuhörer für die Eingabe in JavaScript zu machen versucht:

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

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

Ich versuche, jedes Mal, wenn die Benutzereingabe etwas für ‚Apfel‘ Eingang zu überprüfen, I wird die Menge an der Konsole ausgeben. Aber dadurch, lief es nur das erste Mal, als ich den Browser durch Drucken eines NaN auffrischte und nicht funktioniert, selbst wenn ich die Eingabe für "Apfel" änderte.

Irgendwelche Ideen?

Vielen Dank im Voraus.

Answer 1

Sie haben die Funktion zu verweisen, ist es nicht nennen, und Sie müssen nicht im Namen passieren als ID zu verwenden, um die Elemente zu bekommen, ist das Element bereits in this

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

apple.addEventListener("change", validate); 

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

Wenn Sie Klammern hinzufügen, rufen Sie die Funktion auf und alles, was zurückgegeben wird, wird an den Ereignishandler übergeben.
Da Funktionen undefined standardmäßig zurückgeben, erhalten Sie das.