마음의 안정을 찾기 위하여 - [JavaScript] TextArea에 텍스트 추가하기
2323361
77
669
관리자새글쓰기
태그위치로그방명록
별일없다의 생각
dawnsea's me2day/2010
색상(RGB)코드 추출기(Color...
Connection Generator/2010
최승호PD, '4대강 거짓말 검...
Green Monkey**/2010
Syng의 생각
syng's me2DAY/2010
천재 작곡가 윤일상이 기획,...
엘븐킹's Digital Factory/2010
[JavaScript] TextArea에 텍스트 추가하기
Web, Script/JavaScript | 2023/12/18 17:03

<!DOCTYPE html>
<html>
<head>
    <title>TextArea Added Text</title>

<script>
  function insertText(obj, txt){
   var txtArea = document.getElementById(obj);
   var txtValue = txtArea.value;
   var selectPos = txtArea.selectionStart; // 커서 위치 지정
   var beforeTxt = txtValue.substring(0, selectPos);  // 기존텍스트 ~ 커서시작점 까지의 문자
   var afterTxt = txtValue.substring(txtArea.selectionEnd, txtValue.length);   // 커서끝지점 ~ 기존텍스트 까지의 문자
   var addTxt = 'Added Text : ' + txt ;


   txtArea.value = beforeTxt + addTxt + afterTxt;

   selectPos = selectPos + addTxt.length;
   txtArea.selectionStart = selectPos; // 커서 시작점을 추가 삽입된 텍스트 이후로 지정
   txtArea.selectionEnd = selectPos; // 커서 끝지점을 추가 삽입된 텍스트 이후로 지정

   document.getElementById(obj).focus();
  }
</script>
</head>
<body>


<input type="text" id="addInput" value="Default Text">
<input type="button" onclick="insertText('txtForm', addInput.value)" value="추가하기">

<textarea id='txtForm' style="width:100%; height:300px;"></textarea>

</body>
</html>




2023/12/18 17:03 2023/12/18 17:03
Article tag list Go to top
View Comment 0
Trackback URL :: 이 글에는 트랙백을 보낼 수 없습니다
 
 
 
 
: [1] ... [9][10][11][12][13][14][15][16][17] ... [1321] :
«   2024/07   »
  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      
전체 (1321)
출판 준비 (0)
My-Pro... (41)
사는 ... (933)
블로그... (22)
My Lib... (32)
게임 ... (23)
개발관... (3)
Smart ... (1)
Delphi (93)
C Builder (0)
Object... (0)
VC, MF... (10)
Window... (1)
Open API (3)
Visual... (0)
Java, JSP (2)
ASP.NET (0)
PHP (6)
Database (12)
리눅스 (29)
Windows (25)
Device... (1)
Embedded (1)
게임 ... (0)
Web Se... (2)
Web, S... (21)
잡다한... (7)
프로젝트 (0)
Personal (0)
대통령... (13)
Link (2)