Toevoegen van anonieme event handlers in een lus in JavaScript
Als event handlers die in een lus worden toegevoegd, kunnen ook anonieme functies worden gebruikt. Dit maakt de code compacter en bespaart ons de moeite om een naam te bedenken voor een functie die slechts op één plaats wordt gebruikt.
Laten we anonieme event handlers op de elementen plaatsen:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
De volgende code is gegeven:
<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++;
}
Maak de event handler-functie anoniem.
