在可編輯div中添加選項卡功能

Question

我正在使用可編輯的div並希望在其中實現選項卡功能，但不起作用。 當我使用html textarea代替可編輯的div時，工作正常。 下面的代碼是textarea的多數民衆贊成罰款工作：

<textarea id="txt" style="height: 125px; overflow-y: scroll; resize: none">@Html.Raw(Model.data)</textarea> 

$('#txt').keydown(function (e) { 
    var keyCode = e.keyCode || e.which; 
    if (keyCode == 9) {// 9 for tab key 
     var start = $(this).get(0).selectionStart; 
     $(this).val($(this).val().substring(0, start) + "\t" + $(this).val().substring($(this).get(0).selectionEnd)); 
     $(this).get(0).selectionStart = $(this).get(0).selectionEnd = start + 1; 
     return false; 
    } 
}); 

但是，當我用下面編輯DIV到位textarea的，然後不工作：

<div id="txt" contenteditable="true" style="text-align: justify; overflow-y: scroll;"> 
    <p>@Html.Raw(Model.data)</p> 
</div> 

Answer 1

<div id="txt" tabindex="0" contenteditable="true" style="text-align: justify; overflow-y: scroll;"/> 

給股利一個tabindex得到重點。