JS의 지정된 위치에 콘텐츠를 삽입하는 방법

아래에서는 JS가 텍스트의 지정된 위치에 콘텐츠를 삽입하는 간단한 예를 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

예제는 다음과 같습니다.

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="width: 386px; height: 260px"> 
</textarea> 
<input type="text" id="text" /> 
<input type="button" value="插入" onclick="insertAtCursor(document.getElementById(&#39;textarea&#39;),document.getElementById(&#39;text&#39;).value)" />

위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되기를 바랍니다.

관련 기사:

Vue에서 Mint-UI를 설치하는 방법

AngularJS에서 컬렉션 데이터 순회 표시를 구현하는 방법

vue.js에서 mint-ui에 캐러셀 차트를 통합하는 방법

상위 노드를 선택할 때 비활성화된 하위 노드도 선택되도록 Jstree에서 구현하는 방법

Vue의 필터 사용 정보

Javascript의 적응형 처리 방법

webpack 패키징 구성(자세한 튜토리얼 )

Webpack에서 SVG를 로드하는 방법

vue-cli에서 모바일 적응을 구현하는 방법

위 내용은 JS의 지정된 위치에 콘텐츠를 삽입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!