document.selection.createRange（）在IE中不起作用

Question

我试图做一个简单的UBB编辑器，但document.selection.createRange（）在IE中不起作用，它只是不会得到任何突出显示的文本（尝试提醒突出显示的文本，但什么也没有）。我仍然无法找到原因并解决此问题。

You can have a look at this script in action here

window.onload = function() { 
    var ubb = document.getElementById('ubb_code'); 
    var ubba = ubb.getElementsByTagName('a');//ubb buttons 
    var textarea = document.getElementsByTagName('textarea')[0];//editable textarea filed 

    //onclick to insert ubbcode 
    ubba[0].onclick = function() { 
     tag('[b]','[/b]'); 
    }; 

    //function used to insert ubbcode 
    function tag(tag1,tag2){ 
     // code for IE 
     if (document.selection){ 
      textarea.focus(); 
      var sel = textarea.document.selection.createRange();//It DOES NOT work! 
      //alert(sel.text); 
      sel.text = tag1 + sel.text + tag2; 
     }else{ 
     // code for none-IE webbrowsers 
      var len = textarea.value.length; 
      var start = textarea.selectionStart; 
      var end = textarea.selectionEnd; 


      var scrollTop = textarea.scrollTop; 
      var scrollLeft = textarea.scrollLeft; 


      var sel = textarea.value.substring(start, end); 
      //alert(sel); 
      var rep = tag1 + sel + tag2; 
      textarea.value = textarea.value.substring(0,start) + rep + textarea.value.substring(end,len); 

      textarea.scrollTop = scrollTop; 
      textarea.scrollLeft = scrollLeft; 
     } 
} 

Answer 1

更新：IE9支持此功能
http://msdn.microsoft.com/en-us/library/ie/ms536394(v=vs.85).aspx

if (document.selection.createRange) {  // Internet Explorer 
        var range = document.selection.createRange(); 
        var selText = range.text; 
        var htmltext = selRange.htmlText;       
       } 

Answer 2

在IE11中，没有更多的支持选择对象。 你可以使用window.getSelection来实现相同的行为。 欲了解更多信息，请参阅http://msdn.microsoft.com/en-us/library/ie/ms535869(v=vs.85).aspx