Enter 키를 누를 때 텍스트 영역의 탭 수준을 어떻게 유지합니까?

Question

사용자가 Enter 키를 누르면 커서를 새 행으로 이동 시키지만 현재 두 개의 탭으로 들여 쓰기되어 있으면 커서는 두 개의 탭으로 들여 있어야합니다.

페이지 내에서 포커스 이동을 중지하기 위해 이미 탭 무시 이벤트를 구현 했으므로 이제는 탭 레벨을 새 라인에 유지하기위한 로직을 찾고 있습니다.

if(e.keyCode === 13){ 

    //Logic here 
} 

Answer 1

http://jsfiddle.net/DVKbn/

$("textarea").keydown(function(e){ 
    if(e.keyCode == 13){ 

     // assuming 'this' is textarea 

     var cursorPos = this.selectionStart; 
     var curentLine = this.value.substr(0, this.selectionStart).split("\n").pop(); 
     var indent = curentLine.match(/^\s*/)[0]; 
     var value = this.value; 
     var textBefore = value.substring(0, cursorPos); 
     var textAfter = value.substring(cursorPos, value.length); 

     e.preventDefault(); // avoid creating a new line since we do it ourself 
     this.value = textBefore + "\n" + indent + textAfter; 
     setCaretPosition(this, cursorPos + indent.length + 1); // +1 is for the \n 
    } 
}); 

function setCaretPosition(ctrl, pos) 
{ 

    if(ctrl.setSelectionRange) 
    { 
     ctrl.focus(); 
     ctrl.setSelectionRange(pos,pos); 
    } 
    else if (ctrl.createTextRange) { 
     var range = ctrl.createTextRange(); 
     range.collapse(true); 
     range.moveEnd('character', pos); 
     range.moveStart('character', pos); 
     range.select(); 
    } 
}