프로그램/script

커서이동 tip) textarea 박스오픈시 Caret을 맨 뒤로 이동 시키기

mulderu 2011. 4. 4. 09:12

HTML TextArea Box 난 Inputbox 에서 원하는 위치로 커서를 이동시키는 작업을 하는경우의 TIP입니다.
저도 구글링해서 구했지만, 여러모로 요긴하게 사용 가능합니다... 
(pos parameter 값을 0 으로 주면 그냥 포커싱을 하게 됩니다.)

작은TIP 이지만 잘 모르면 ... 바보 됩니다.


function setCaretEndOfText(ctrl, pos)
{    
    ctrl = ctrl.get(0);
    pos  = ctrl.value.length;
    
    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();
    }
}

function setCaretToPos (input, pos) {
  setCaretEndOfText (input, pos);  
}