티스토리 뷰

웹프로그래밍/js

커서위치에 글자 삽입 스크립트

공허공자 2011. 6. 1. 16:56
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
function insertAtCursor(areaId,text)
{
    var txtarea = document.getElementById(areaId);
    var scrollPos = txtarea.scrollTop;
    var strPos = 0;
    var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ?
        "ff" : (document.selection ? "ie" : false ) );
    if (br == "ie") {
        txtarea.focus();
        var range = document.selection.createRange();
        range.moveStart ('character', -txtarea.value.length);
        strPos = range.text.length;
    }
    else if (br == "ff") strPos = txtarea.selectionStart;
 
    var front = (txtarea.value).substring(0,strPos);
    var back = (txtarea.value).substring(strPos,txtarea.value.length);
    txtarea.value=front+text+back;
    strPos = strPos + text.length;
    if (br == "ie") {
        txtarea.focus();
        var range = document.selection.createRange();
        range.moveStart ('character', -txtarea.value.length);
        range.moveStart ('character', strPos);
        range.moveEnd ('character', 0);
        range.select();
    }
    else if (br == "ff") {
        txtarea.selectionStart = strPos;
        txtarea.selectionEnd = strPos;
        txtarea.focus();
    }
    txtarea.scrollTop = scrollPos;
}
[출처] stackoverflow

'웹프로그래밍 > js' 카테고리의 다른 글

textarea 내용을 javascript 이용하여 html 변환. 각 문장 p 태그 적용  (0) 2011.06.16
jQuery UI Sortable dropOnEmpty 유의사항  (1) 2011.06.07
jQuery UI Dialog 에 따로 존재하는 html 페이지 로딩  (0) 2011.05.18
jQuery.noConflict() 사용시 플러그인 getInstance undefined 오류  (0) 2011.05.11
jQuery 1.5 업데이트 후 JSON반환에서 발생하는 invalid label 오류  (0) 2011.03.14
공유하기 링크
댓글