So fügen Sie Inhalte an einer bestimmten Stelle in JS ein

Im Folgenden werde ich Ihnen ein einfaches Beispiel für das Einfügen von JS-Inhalten an einer bestimmten Position im Text vorstellen. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist.

Das Beispiel ist wie folgt:

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)" />

Das Obige habe ich für alle zusammengestellt. Ich hoffe, es wird für alle hilfreich sein Zukunft.

Verwandte Artikel:

So installieren Sie Mint-UI in Vue

So implementieren Sie die Anzeige der Sammlungsdatendurchquerung in AngularJS

So integrieren Sie das Karussellbild in mint-ui in vue.js

So implementieren Sie deaktivierte untergeordnete Knoten, wenn der übergeordnete Knoten in Jstree ausgewählt ist

Verwendung von Filtern in Vue

Adaptive Verarbeitungsmethode in Javascript

Webpack-Verpackungskonfiguration (detailliert Tutorial)

So laden Sie SVG in Webpack

So implementieren Sie Mobilgeräte in vue-cli Terminal adaptiv

Das obige ist der detaillierte Inhalt vonSo fügen Sie Inhalte an einer bestimmten Stelle in JS ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!