textarea中的Handle選項卡

Question

我需要在單擊某個選項卡時將選項卡插入到textarea中，而不是將焦點移至下一個元素。

我已經做了一些研究，但沒有找到實際使用tab而不是一系列空格的解決方案。

我該怎麼做，如何插入一個真正的選項卡，而不是4個空格？

Answer 1

jsFiddle example。

的JavaScript：

function insertTab(o, e) { 
    var kC = e.keyCode ? e.keyCode : e.charCode ? e.charCode : e.which; 
    if (kC == 9 && !e.shiftKey && !e.ctrlKey && !e.altKey) { 
     var oS = o.scrollTop; 
     if (o.setSelectionRange) { 
      var sS = o.selectionStart; 
      var sE = o.selectionEnd; 
      o.value = o.value.substring(0, sS) + "\t" + o.value.substr(sE); 
      o.setSelectionRange(sS + 1, sS + 1); 
      o.focus(); 
     } 
     else if (o.createTextRange) { 
      document.selection.createRange().text = "\t"; 
      e.returnValue = false; 
     } 
     o.scrollTop = oS; 
     if (e.preventDefault) { 
      e.preventDefault(); 
     } 
     return false; 
    } 
    return true; 
}​ 

撕開沒有羞恥here。

Answer 2

無論代碼說要添加這四個空格，用文本製表符替換四個空格，還是使用轉義序列\t。