JavaScript - Einfügemarke im Textarea bewegen

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(elempos);
 });
});

function 
setCursor(elempos) {
 if (
elem.setSelectionRange) {
  
elem.focus();
  
elem.setSelectionRange(pospos);
 }
 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 BlindtextVon Geburt anEs hat lange gedauert
bis ich begriffen habewas es bedeutetein blinder Text zu sein
Man macht keinen SinnMan 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.

<hr> Trennlinie

CSS - Texteingabe nur in Großbuchstaben

PHP - Auf eine Zahl prüfen

JavaScript - Datenbank-Inhalt an ein JavaScript (Array) übergeben

MySQL - Alle Einträge ab einem bestimmten Datum ausgeben

Eine Homepage macht Arbeit
„Eine Homepage macht Arbeit. Viele Homepages machen Arbeiter.“ Überlegen Sie Sich gut wie viel Zeit Sie in Ihre Homepage investieren wollen. Und ob es sich lohnt eine zweite oder dritte Homepage zu betreiben.