텍스트에서 특정 위치에 내용을 삽입하는 간단한 예제

실례를 보여드립니다:

function insertAtCursor(myField, myValue) { 
 //IE 브라우저 
 if (document.selection) { 
  myField.focus(); 
  sel = document.selection.createRange(); 
  sel.text = myValue; 
  sel.select(); 
 } 
 //Firefox, Chrome 등 
 else if (myField.selectionStart || myField.selectionStart == '0') { 
  var startPos = myField.selectionStart; 
  var endPos = myField.selectionEnd; 
  // 저장 스크롤 
  var restoreTop = myField.scrollTop; 
  myField.value = myField.value.substring(0, startPos)} + myValue + myField.value.substring(endPos, myField.value.length); 
  if (restoreTop > 0) { 
  myField.scrollTop = restoreTop; 
  } 
  myField.focus(); 
  myField.selectionStart = startPos + myValue.length; 
  myField.selectionEnd = startPos + myValue.length; 
 } else { 
  myField.value += myValue; 
  myField.focus(); 
 } 
} 
<textarea id="textarea" style="가로길이: 386px; 높이: 260px"> 
</textarea> 
<input type="text" id="text" /> 
<input type="button" value="삽입" onclick="insertAtCursor(document.getElementById('textarea'),document.getElementById('text').value)" /> 

이제 JS가 텍스트의 지정 위치에 내용을 삽입하는 간단한 예제를 소개해 드린 것입니다. 이 가이드가 여러분에게 참고가 되길 바라며, 다른 사람들도 지지해 주시길 바랍니다.

고지사항: 이 문서의 내용은 인터넷에서 가져왔으며, 저작권자는 모두 누구인지, 인터넷 사용자가 자발적으로 기여하고 자체적으로 업로드한 내용이며, 이 사이트는 소유권을 가지지 않으며, 인공 편집 처리를하지 않았으며, 관련 법적 책임도 부담하지 않습니다. 저작권 위반 내용이 발견되면, notice#w로 이메일을 보내 주시기 바랍니다.3codebox.com (이메일을 보내는 경우, #을 @으로 변경하십시오. 신고하고 관련 증거를 제공하시면, 실제로 확인되면 이 사이트는 즉시 위반 내용을 삭제합니다.)