JavaScript textarea에서 특정 위치에 focus(caret)를 놓고싶은데
페이지 정보
본문
textarea 에 내용이 들어 있고 버튼 클릭 시 해당 textarea의 특정 위치에 커서를 옮겨 놓고 싶습니다.
예를 들자면
- textarea -
안녕하세요.
(커서위치)
반갑습니다.
----------------
버튼 클릭 시 textarea 안의 (커서위치)에 커서를 놓고 싶은데 방법이 있을 까요?
예제 코드입니다.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
<script type="text/javascript">
function move_cursor()
{
var pos = 9;
var obj = document.getElementById("text");
if ( obj.setSelectionRange ) {
obj.focus();
obj.setSelectionRange(pos,pos);
} else if ( obj.createTextRange ) {
var c = obj.createTextRange();
c.move("character",pos);
c.select();
}
}
</script>
<textarea name="text" id="text" cols="40" rows="10">안녕하세요.
[] ← 커서 위치
반갑습니다.</textarea><br />
<input type="button" value="커서" onclick="move_cursor();" />
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
자료출처
http://www.phpschool.com/link/qna_html/189585
댓글목록
등록된 댓글이 없습니다.