dynamically add EventListener doesn't work as expected
Question
When I try to dynamically fill a wrapper element with HTML elements, and then add an EventListener for that element, it only uses the last value.
window.onload=function(){ sW=""; for(var i = 0; i < 5; i++) { var e = document.createElement('div'); e.innerHTML = "test div number "+i; e.addEventListener('click', function() {alert("t:"+i);}); document.getElementById('wrap').appendChild(e); } }
<html> <body> <div id="wrap"></div> </body> </html>
1 answers
solution1
0 2017-08-23 11:37:06
That's because var keeps the the reference to the variable. Use let instead.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Apply on an eventListener doesn't work
drop EventListener doesn't work
jquery add function doesn't work as expected
eventListener doesn't work after imported HTML
Doesn't work EventListener in a-frame 0.8.2
EventListener doesn't work on dynamic elements added
javascript eventListener doesn't seem to work
To add zAxis dynamically, but doesn't work… Highcharts
Dynamically changed list doesn't work as expected - pure js needed
Dynamically add EventListener in JavaScript
Related Tags