Att lägga till anonyma händelsehanterare i en loop i JavaScript
Som händelsehanterare som läggs till i en loop, kan man även använda anonyma funktioner. Detta gör koden mer kompakt och sparar oss från att behöva hitta på ett namn för en funktion som används på endast en plats.
Låt oss lägga till anonyma händelsehanterare på element:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
Följande kod är given:
<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++;
}
Gör funktionshanteraren anonym.
