English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Exemplo simples de inserção de conteúdo em posição específica no texto com JS

Exemplo a seguir:

function insertAtCursor(myField, myValue) { 
 //Navegador IE 
 if (document.selection) { 
  myField.focus(); 
  sel = document.selection.createRange(); 
  sel.text = myValue; 
  sel.select(); 
 } 
 //Firefox, Chrome e outros 
 else if (myField.selectionStart || myField.selectionStart == '0') { 
  var startPos = myField.selectionStart; 
  var endPos = myField.selectionEnd; 
  // Salvar a barra de rolagem 
  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="Inserir" onclick="insertAtCursor(document.getElementById('textarea'),document.getElementById('text').value)" /> 

Aqui está um exemplo simples de implementação de JS para inserir conteúdo em uma posição específica no texto, que é tudo o que o editor compartilhou com vocês. Espero que isso possa ser uma referência útil para vocês e que vocês possam apoiar e aplaudir o tutorial.

Declaração: O conteúdo deste artigo é extraído da internet, pertence ao respectivo proprietário. O conteúdo é contribuído e carregado voluntariamente pelos usuários da internet. Este site não possui direitos de propriedade, não foi editado manualmente e não assume responsabilidade por eventuais responsabilidades legais. Se encontrar conteúdo suspeito de violação de direitos autorais, por favor, envie um e-mail para: notice#oldtoolbag.com (ao enviar e-mail, substitua # por @ para denunciar e forneça provas relevantes. Caso seja confirmada a infracção, o site deletará imediatamente o conteúdo suspeito de violação de direitos autorais.)

Você também pode gostar