js闭包为动态数据添加addEventListener传参问题

最新推荐文章于 2025-06-19 09:08:51 发布

原创最新推荐文章于 2025-06-19 09:08:51 发布 · 2.4k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端开发

当前文章被收录于：

前端开发

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文探讨了在使用addEventListener时遇到的变量值更新问题，并提供了一种解决方案，通过立即执行函数确保每次事件触发时都能获取到正确的变量值。

addEventListener为后执行参数，如果以
function(){}那么事件会执行程序最后运行的结果集

demo 
for(var i;i<10,i++){
var secRingPolygon = new BMap.Polygon();
secRingPolygon
.addEventListener("mouseover
",function(){alert(i)});

}
这样无论那个点击事件打印的值都为 i 的最后结果集

解决方案：

secRingPolygon.addEventListener("mouseover",setcolor(aa,secRingPolygon));
secRingPolygon.addEventListener("mouseout",resetcolor(aa,secRingPolygon));

setcolor=function(aa,secRingPolygon){
   return function(evt){
      secRingPolygon.setStrokeColor("red");
      secRingPolygon.setStrokeWeight("3");
      aa.setStyle({"color":"#333"});
   }
}

resetcolor=function(aa,secRingPolygon){
   return function(evt){
      secRingPolygon.setStrokeColor("#fff");
      secRingPolygon.setStrokeWeight("0.1");
      aa.setStyle({"color":"#FFF"});
   }
}