0
편집 가능한 div를 사용 중이며 탭 기능을 구현하고 싶지만 작동하지 않습니다. 편집 가능한 div 대신 html textarea를 사용하면 잘 작동합니다. 코드 아래 제대로 작동 텍스트 영역 그게 전부입니다 :편집 가능한 div에 탭 기능 추가
<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 이하로 사용하는 경우 다음 작동하지 않습니다
<div id="txt" contenteditable="true" style="text-align: justify; overflow-y: scroll;">
<p>@Html.Raw(Model.data)</p>
</div>