textarea中的“允许”选项卡添加了超过4个空格

Question

请参阅其他SO帖子，我试图在按下TAB键时将制表符空间添加到textarea。

我已将代码包含在JSFiddle中。我使用的jQuery代码是：

$("textarea").keydown(function(e) {
    if(e.keyCode === 9) { // tab was pressed
        // get caret position/selection
        var start = this.selectionStart;
        var end = this.selectionEnd;

        var $this = $(this);
        var value = $this.val();

        // set textarea value to: text before caret + tab + text after caret
        $this.val(value.substring(0, start) + "\t" + value.substring(end));

        // put caret at right position again (add one for the tab)
        this.selectionStart = this.selectionEnd = start + 1;

        // prevent the focus lose
        e.preventDefault();
    }
});

我面临的问题有时是当我们按TAB时会添加4个以上的空格。

有人可以帮我解决这个问题吗？预先感谢。