js循环创建添加事件，值不正确

pblover

请教一下，我用循环创建了LI，然后我在创建LI后再在每个LI上添加事件，然而，每次触发事件事，得到的总是最后一个事件的值，请教有什么好的方法可以解决，在线等谢谢！！！

addRoom:function()
{
  var self = this;
  var amount = 3;
  var roomMemberList = new Array();
  // validate
  /* if(getRoomList().length < 60)
   {
    amount = getRoomList().length;
   }
  */
  // create room list array
  this.LIRoomList = new Array();
  // add room to list
  for(i = 0; i < amount; i++){
   // create room list li
   eval('this.LIRoomList[' + i + '] = document.createElement("li");');
   eval('this.LIRoomList[' + i + '] .className = "LI_Room_List"; ');
   eval('this.LIRoomList[' + i + '].id = "LIRoomList"; ');
   eval('this.ULRoomList.appendChild(this.LIRoomList[' + i + ']); ');
   
   // create room name span
   this.spanRoomName = document.createElement("span");
   this.spanRoomName.className = "Span_Room_Name";   
   this.spanRoomName.innerText = "newtouch";
   eval('this.LIRoomList[' + i + '].appendChild(this.spanRoomName);');
   
   
   
   // create room state span
   this.spanRoomState = document.createElement("span");
   this.spanRoomState.className = "Span_Room_State";   
   this.spanRoomState.innerText = ConferenceConstants.IN_USE_STATE_STRING;
   eval('this.LIRoomList[' + i + '].appendChild(this.spanRoomState);');
  // this.LIRoomList.onmouseover = function(){WatchRoomUI.initWatchRoomUI(/*roomMemberList,over*/)};
      
   if(i == 0){
     roomMemberList[0] = "casfasdfsdafsad";
   }else{
      roomMemberList[0] = "InviteCnfUI";
   }
   uccommon.traceLog(i+"+++"+roomMemberList[0],"initReminderUI-----I'M IN");
   eval('this.LIRoomList[' + i +'].onmouseenter = function(){WatchRoomUI.initWatchRoomUI(/*roomMemberList,over*/roomMemberList)};');
  // this.LIRoomList.onmousemove = function(){self.showTip()};
   eval('this.LIRoomList[' + i +'].onmouseleave = function(){WatchRoomUI.deleteWatchRoomUI()};');
  // this.spanRoomState.onclick = function(){self.setFlyout(ConferenceConstants.IN_USE_STATE_STRING)};
  }
}

[ 本帖最后由 pblover 于 2007-12-3 20:55 编辑 ]

chpn

看上去楼上的喜欢走弯路
实不明白 ，难道

eval('this.LIRoomList[' + i + '] = document.createElement("li");');

会比

this.IRoomList = document.createElement("li");

更有效，或是更好用

对eval这个函数竟如此的亲睐.

使用代理方式
function delegate(方法,参数,附加对象){
           return function(){
                        方法.call(附加对象||window,参数)
            }
}

this.LIRoomList.onmouseover = delegate(WatchRoomUI.initWatchRoomUI, roomMemberList , WatchRoomUI);

这样就可解决问题，并可防止内在泄漏

chpn

看上去楼上的喜欢走弯路
实不明白 ，难道

eval('this.LIRoomList[' + i + '] = document.createElement("li");');

会比

this.IRoomList = document.createElement("li");

更有效，或是更好用

对eval这个函数竟如此的亲睐.

使用代理方式
function delegate(方法,参数,附加对象){
           return function(){
                        方法.call(附加对象||window,参数)
            }
}

this.LIRoomList.onmouseover = delegate(WatchRoomUI.initWatchRoomUI, roomMemberList , WatchRoomUI);

这样就可解决问题，并可防止内在泄漏

lonely~

请教chpn兄台了。
请问您的代码中避免内存泄漏的关键是哪部分？
谢谢。

chpn

讨论过很多次了，翻翻老贴就知道
ie内泄漏通常是对DOM元素循环引用引起。
比如下面的例子就可引起内存泄漏，除非手动将 d 设为空，或清除test中对d设定的onclick事件
function test(){
            var d = document.getElementById("xxxx");
             d.onclick = function(){
                     
             }
}
test();

lonely~

我还是不太理解。所以在这边较个真儿，呵呵。

代码

function test(){
            var d = document.getElementById("xxxx");
             d.onclick = function(){
                     
             }
}
test();

中并没有建立function(){}对d的引用。循环引用从何而来？


而这段代码

function delegate(方法,参数,附加对象){
  return function(){
    方法.call(附加对象||window,参数);
  }
}
d.onsomething=delegate(方法,参数,d);

中的闭包function(){}依然引用了d,循环引用何以避免？

请教。

[ 本帖最后由 lonely~ 于 2007-12-6 22:54 编辑 ]