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(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.
<rp> Ruby Anmerkung
CSS - Tooltip per CSS anzeigen