javascript - 处理文本区域中的选项卡

Question

单击选项卡时，我需要在文本区域中插入一个选项卡，而不是将焦点移动到下一个元素。

我做了一些研究，但没有发现实际使用制表符而不是一系列空格的解决方案。

我将如何做到这一点以及如何插入一个真正的制表符而不是 4 个空格？

Answer 1

jsFiddle 示例。

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;
}​

从这里毫无羞耻地撕开。

Answer 2

无论代码在哪里添加这四个空格，都将这四个空格替换为文字制表符或转义序列\t。