>  기사  >  웹 프론트엔드  >  JS는 TXT 텍스트를 작동하여 지정된 위치에 콘텐츠를 삽입합니다.

JS는 TXT 텍스트를 작동하여 지정된 위치에 콘텐츠를 삽입합니다.

php中世界最好的语言
php中世界最好的语言원래의
2018-04-14 09:50:372866검색

이번에는 JS를 사용하여 TXT 텍스트를 조작할 때 지정된 위치에 콘텐츠를 삽입할 때의 주의사항을 알려드리겠습니다. 다음과 같은 실제 사례를 살펴보겠습니다.

예제는 다음과 같습니다.

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('textarea'),

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

JS

JS의 멀티 스레드 런타임 라이브러리인 Nexus.js를 사용하여 모바일 터치 캐러셀 효과를 만드는 방법에 대한 자세한 설명

json 형식을 다운로드하는 방법 JS

를 사용하여 Excel 테이블로 배열

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.