Mootools 1.2.4 委托在 IE8 中不起作用...？

Question

所以我在表单旁边有一个列表框。当用户单击选择框中的选项时，我会发出对相关数据的请求，这些数据以 JSON 对象返回，然后放入表单元素中。保存表单后，请求将通过，并使用更新的数据重建列表框。由于它正在重建，我尝试在列表框的父 div 上使用委托来执行 onchange 代码。我遇到的问题是 IE8（大震惊）没有触发委托事件。

我有以下 HTML:

<div id="listwrapper" class="span-10 append-1 last">  
<select id="list" name="list" size="20">  
     <option value="86">Adrian Franklin</option>  
     <option value="16">Adrian McCorvey</option>  
     <option value="196">Virginia Thomas</option>  
</select>  
</div>  

和以下脚本:

window.addEvent('domready', function() {     
  var jsonreq = new Request.JSON();  

  $('listwrapper').addEvent('change:relay(select)', function(e) {  
    alert('this doesn't fire in IE8');  
    e.stop();  
    var status= $('statuswrapper').empty().addClass('ajax-loading');  
    jsonreq.options.url = 'de_getformdata.php';  
    jsonreq.options.method = 'post';  
    jsonreq.options.data = {'getlist':'<?php echo $getlist ?>','pkey':$('list').value};  
    jsonreq.onSuccess = function(rObj, rTxt) {  
        status.removeClass('ajax-loading');  
        for (key in rObj) {  
              status.set('html','You are currently editing '+rObj['cname']);  
              if ($chk($(key))) $(key).value = rObj[key];  
        }  
        $('lalsoaccomp-yes').set('checked',(($('naccompkey').value > 0)?'true':'false'));  
        $('lalsoaccomp-no').set('checked',(($('naccompkey').value > 0)?'false':'true'));  
    }  
    jsonreq.send();  
  });  
});  

(我拿出了一些不相关的东西)。因此，这一切在 Firefox 中都按预期工作，但 IE8 拒绝触发 select 元素上的委托更改事件。如果我将更改功能直接附加到选择，那么它就可以正常工作。

我错过了什么吗？ IE8 不喜欢 :relay 吗？

旁注：我对 mootools 和 javascript 等非常陌生，所以如果有什么可以在代码方面改进的地方，也请告诉我。 谢谢！

Answer 1

元素委派不适用于 IE 中的字段元素（输入/选择/文本区域）。