テキストの指定位置に内容を挿入する簡単な例

以下に例を示します：

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'),document.getElementById('text').value)" /> 

以上のJS実装は、テキストの指定位置に内容を挿入する簡単な例で、編集者が皆さんに共有した全ての内容です。皆さんに参考になれば幸いですし、呐喊教程のサポートを多くいただければと思います。

声明：この記事の内容はインターネットから収集され、著作権者に帰属します。インターネットユーザーが自発的に貢献し、アップロードしました。このウェブサイトは所有権を有しないし、人工編集を施していないため、関連する法的責任を負いません。著作権侵害を疑う内容が見つかった場合は、以下のメールアドレスまでご連絡ください：notice#oldtoolbag.com（メールを送信する際、#を@に置き換えてください。報告を行い、関連する証拠を提供してください。一旦確認がついたら、このサイトは即座に侵害を疑われる内容を削除します。）