잠시만 기다려 주세요

     '싸우지 않는 이재명을 규탄한다. 민생충, 협치충, 역풍충.. 국민들은 치가 떨린다.'
전체검색 :  
이번주 로또 및 연금번호 발생!!   |  HOME   |  여기는?   |  바다물때표   |  알림 (17)  |  여러가지 팁 (1070)  |  추천 및 재미 (158)  |  자료실 (22)  |  
시사, 이슈, 칼럼, 평론, 비평 (694)  |  끄적거림 (137)  |  문예 창작 (716)  |  바람 따라 (75)  |  시나리오 (760)  |  드라마 대본 (248)  |  
살인!


    javascript/jquery

javascript/jquery - textarea 의 특정 커서 cursor 위치에 문자 삽입하기. focus, 커서 cursor 위치 구하기...
이 름 : 바다아이   |   조회수 : 10877         짧은 주소 : https://www.bada-ie.com/su/?731591778377
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<script>

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;
}

</script>

<input type="button" value="눌러" onclick="insertAtCursor('aa', '      뭐냐          ');">

<br><br>
<textarea cols="30" rows="10" id="aa">
여기 아무 곳이나 커서를 이동 시키고 눌러를 눌러보세요...
그럼 뭐냐 라는 단어가 해당 위치에 들어갈 겁니다.
커서 위치는 strPos 가 커서 위치값이겠지요.....
</textarea>


출처 : 
https://stackoverflow.com/questions/1064089/inserting-a-text-where-cursor-is-using-javascript-jquery
| |





      1 page / 3 page
번 호 카테고리 제 목 이름 조회수
76 javascript/jquery , . 바다아이 7629
75 javascript/jquery , . , 바다아이 5817
74 javascript/jquery javascript , ... 바다아이 7601
73 javascript/jquery , cookie class 바다아이 8254
72 javascript/jquery select 3 바다아이 9257
71 javascript/jquery , ... 바다아이 8521
70 javascript/jquery , timezone, , ... moment.js 바다아이 11031
현재글 javascript/jquery textarea cursor . focus, cursor ... 바다아이 10878
68 javascript/jquery (block) , ... 바다아이 8827
67 javascript/jquery textarea cursor , , focus 바다아이 12277
66 javascript/jquery jquery ajax option .... 바다아이 9275
65 javascript/jquery jquery open api , ajax JSONP cross domain , , error 0 ... sop 바다아이 8957
64 javascript/jquery javascript , , , , () 바다아이 9909
63 javascript/jquery javascript (date ) 바다아이 10019
62 javascript/jquery CSS3 javascript 바다아이 10775
61 javascript/jquery javascript , cookie, , , , , 바다아이 9962
60 javascript/jquery javascript 바다아이 10655
59 javascript/jquery javascript / , , , 바다아이 14136
58 javascript/jquery url , , encode, decode ... 바다아이 9097
57 javascript/jquery javascript ... frame location.href 바다아이 14720
56 javascript/jquery File Upload Progress, .... . 바다아이 9589
55 javascript/jquery javascript, json , json Highlight 바다아이 9657
54 javascript/jquery javascript json , , JSON.stringify, JSON.parse, 바다아이 10982
53 javascript/jquery javascript innerHTML, innerTEXT ... 바다아이 9682
52 javascript/jquery javascript entity , , encode, decode 바다아이 9936
51 javascript/jquery javascript post, get , 바다아이 11229
50 javascript/jquery text copy, , How to copy a TEXT to Clipboard on a Button-Click 바다아이 9992
49 javascript/jquery jquery autocomplete , , . 바다아이 9615
48 javascript/jquery javascript, jquery, , autocomplete 바다아이 10632
47 javascript/jquery substring, substr, indexOf, lastIndexOf (javascript , , ) 바다아이 9922
| |









Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ Ubuntu + GoLang + PostgreSQL + Mariadb ]
서버위치 : 오라클 클라우드 춘천  실행시간 : 0.09971
to webmaster... gogo sea. gogo sea.