动态添加EventListener不能按预期工作

当我尝试动态地使用HTML元素填充包装元素，然后为该元素添加EventListener时，它只使用最后一个值。动态添加EventListener不能按预期工作

window.onload=function(){ 
 
\t sW=""; 
 
\t for(var i = 0; i < 5; i++) { 
 
\t \t var e = document.createElement('div'); 
 
\t \t e.innerHTML = "test div number "+i; 
 
\t \t e.addEventListener('click', function() {alert("t:"+i);}); 
 
\t \t document.getElementById('wrap').appendChild(e); 
 
\t \t } \t 
 
\t }

<html> 
 
<body> 
 
<div id="wrap"></div> 
 
</body> 
 
</html>

来源

2017-08-23 Saku Pieper

这是因为var保持的参考变量。改为使用let。

来源

2017-08-23 11:37:06

完美。这样可行！！ –

动态添加EventListener不能按预期工作

回答

相关问题