Hinzufügen anonymer Event-Handler in einer Schleife in JavaScript
Als Handler, die in einer Schleife hinzugefügt werden, können auch anonyme Funktionen verwendet werden. Dies macht den Code kompakter und erspart uns das Ausdenken eines Namens für eine Funktion, die nur an einer Stelle verwendet wird.
Lassen Sie uns anonyme Handler auf die Elemente anwenden:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
Gegeben ist der folgende Code:
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
let divs = document.querySelectorAll('div');
for (let div of divs) {
div.addEventListener('click', func);
}
function func() {
this.textContent++;
}
Machen Sie die Funktion-Handler anonym.
