有誰知道如果IE'返回false'？

Question

這個簡單的測試代碼在所有瀏覽器除了IE以外（在IE8測試）：

#dBox { 
    height:100px; 
    width: 230px; 
    overflow-y:auto;  
} 

$(function() { 
    $('#s').focus(function(){ 
     $(this).after('<ul id="dBox"></ul>'); 
     for (i=0;i<10;i++) $('#dBox').append('<li>'+i+'</li>'); 
    }); 
    $('#dBox').live('mousedown',function(event) { 
     //event.stopPropagation(); 
     //event.preventDefault(); 
     //console.log (event.isDefaultPrevented()); 
     //event.stopImmediatePropagation(); 
     return false; 
    }); 
    $('#s').blur(function() { $('#dBox').remove(); }); 
});  
<input type="text" id="s"/> 

我試着從活FN所有選項，但沒有運氣。
在event.isDefaultPrevented()它返回true，但#dBox它仍然被刪除。
我甚至試圖綁定焦點fn內的常規mousedown。但同樣的結果，它在所有的瀏覽器，但不是IE。
有沒有人有任何想法是什麼錯？

Answer 1

這是直接因爲事件代理與jQuery live()綁定事件使用live不綁定直接元素。相反，它會在文檔的根節點上附加一個處理程序。

的.live（）方法能夠影響尚未通過使用事件 代表團添加 到DOM元素 ：綁定到一個 祖先元素的處理程序是負責 事件觸發其後代 。處理程序傳遞給 .live（）永遠不會綁定到一個元素;而不是.live（）將特殊的 處理程序綁定到DOM樹的根。 在我們的例子中，當單擊新元素 時，發生以下步驟：

假設你想保持專注於輸入#dBox元素點擊該會工作的時候，這裏是一個demohttp://www.jsfiddle.net/WurDE/

注意：如果您不想保留輸入焦點，請從代碼中刪除trigger('focus')。

$(function() { 
    $('#s').focus(function(){ 
     if (!$('#dBox').length) { 
      var $dbox = $('<ul id="dBox"></ul>'); 
      for (i=0;i<10;i++) $dbox.append('<li>'+i+'</li>'); 
      $(this).after($dbox); 
      $dbox.bind("mousedown", function() { 
      $('#s').unbind('blur') 
      }); 
      $dbox.bind("mouseup", function() { 
      $('#s').bind('blur', function() { 
       $('#dBox').remove(); 
      }).trigger('focus'); 
      }); 
     } 
    }); 

    $('#s').bind('blur', function() { 
     $('#dBox').remove(); 
    }); 
});