ホームページ  >  記事  >  ウェブフロントエンド  >  JSはTXTテキストを操作して指定された場所にコンテンツを挿入します

JSはTXTテキストを操作して指定された場所にコンテンツを挿入します

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-14 09:50:372866ブラウズ

今回は、TXTテキストを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('textarea'),

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

モバイルタッチカルーセル効果を作成するためのJSのマルチスレッドランタイムライブラリであるNexus.jsの使用の詳細な説明


json形式のダウンロード方法JS を使用して Excel テーブルに配列します

以上がJSはTXTテキストを操作して指定された場所にコンテンツを挿入しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。