Senden Parameter ohne Funktion init

Question

Ich habe Code, welche Elemente mit Klasse .colors

var colors = document.querySelectorAll('.colors'); 

Und Schleife, die Veranstaltung für alle, die Elemente zuweist sammelt.

for (var i=0;i<colors.length;i++) { 
    var color = colors[i]; 
    color.addEventListener('click', remember(color.getAttribute('id')), false); 
} 

Wie kann ich Parameter senden (in diesem Proben- 'color.getAttribute (' id ')') zu funktionieren (in diesem Proben- 'erinnern'), ohne ihre Initiation?

function remember(color_value) { 
    localStorage.setItem('color', color_value); } 

Answer 1

Funktionale Parameter können nicht direkt an Ereignis-Listener übergeben werden. Stattdessen instanziieren Sie eine einfache Funktion und übergeben Sie den Parameter wie folgt.

function remember(id) { 
 
    console.log(id); 
 
} 
 

 
var colors = document.querySelectorAll('.colors'); 
 

 
for (var i = 0; i < colors.length; i++) { 
 
    var color = colors[i]; 
 
    color.addEventListener('click', function() { 
 
    remember(this.getAttribute('id')) 
 
    }, false); 
 
}

.colors { 
 
    padding: 5px 10px; 
 
    background-color: lightgreen; 
 
}

<div id="div1" class="colors">Click Me - I'm Div 1</div> 
 
<br> 
 
<div id="div2id" class="colors">Click Me - I'm Div 2</div>