JavaScript - Einfügemarke im Textarea bewegen

Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen.

Siehe auch: Zeilen, Wörter und Zeichen in einem Textarea zählen,
BBCode in einem Textarea einfügen

<script>

window.addEventListener('load', function () {

 document.getElementById("change").addEventListener('input', function () {

  var elem = document.getElementById("txt");

  var pos = document.getElementById("change").value;

  setCursor(elem, pos);

 });

});



function setCursor(elem, pos) {

 if (elem.setSelectionRange) {

  elem.focus();

  elem.setSelectionRange(pos, pos);

 }

 else if (elem.createTextRange) {

  var range = elem.createTextRange();

  range.collapse(true);

  range.moveEnd('character', pos);

  range.moveStart('character', pos);

  range.select();

 }

}

</script>



<p>

<textarea id="txt" rows="8" cols="40">

Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, 

bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: 

Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang 

gerissen. Oft wird man gar nicht erst gelesen.

</textarea>

</p>



<p>

<input type="range" id="change" min="0" max="239" value="0">

</p>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<aside> Nebeninhalt

CSS - Wertigkeiten verändern mit der !important-Regel

PHP - Suchbegriffe hervorheben

JavaScript - Die Höhe eines IFrames automatisch dem Inhalt anpassen

MySQL - Das Datum und die Uhrzeit der letzten 30 Minuten anzeigen