textarea 현재커서 위치에 내용 삽입

textarea 현재커서 위치에 내용 삽입

소스예제
textarea 현재커서 위치에 내용 삽입 내용 삽입

Tag And Script

<script>
function cursorPosInsert(obj, str) {
	var $textarea = $(obj);
	$textarea.focus();
	
	// 현재 커서 위치 파악 및 내용 삽입
	var selection = window.getSelection();
	var range = $textarea[0].setSelectionRange ? {
		start: $textarea[0].selectionStart,
		end: $textarea[0].selectionEnd
	} : document.selection.createRange();

	var svalue = $textarea.val();
	$textarea.val(svalue.substring(0, range.start) + str + svalue.substring(range.end));
	
	// 삽입 후 커서 위치 조정
	var newCursorPos = range.start + str.length;
	$textarea[0].setSelectionRange(newCursorPos, newCursorPos);
}
</script>

<textarea class="frm_input frm_ex_textarea" rows="10" placeholder="내용을 입력하세요" style="width:100%; height:300px; margin: 2px 0;">
textarea 현재커서에 내용 삽입
</textarea>
<button type="button" class="btn" onclick="cursorPosInsert('.frm_ex_textarea', 'cginjs');" style="width:100%;">내용 삽입</button>