Ich möchte Website Klasse eines Elements ändern, wenn es gefüllt ist. Wenn also der Benutzer blur
aus einem Eingabefeld heraus überprüft, prüft das Programm, ob es einen Wert hat und wenn ja, fügt eine Klasse hinzu. Das Problem besteht darin, dieses Verhalten an jedes Element in der Klassenauflistung zu übergeben.Trigger-Ereignis für jedes Objekt
var input = document.getElementsByClassName('input');
contentCheck = function(i){
if(input[i].value>0) input[i].classList.add('filled');
else input[i].classList.remove('filled');
};
for(var i=0; i<input.length; i++) {
input[i].addEventListener('blur',contentCheck(i));
}
Dies funktioniert einmal nach Neuladen der Seite (wenn es irgendwelche Inhalte im Cache ist), aber contentCheck()
sollte jedes Mal auslösen Sie den Fokus zu verlassen.