JavaScript - Position der Einfügemarke in einem Textfeld ermitteln


<script>

// Position der Einfügemarke in einem Textfeld ermitteln

function caret(node) {
 if (
node.selectionStart) return node.selectionStart;
 else if (!
document.selection) return 0;
 var 
"\001";
 var 
sel document.selection.createRange();
 var 
dul sel.duplicate();
 var 
len 0;
 
dul.moveToElementText(node);
 
sel.text c;
 
len = (dul.text.indexOf(c));
 
sel.moveStart('character',-1);
 
sel.text "";
 return 
len;
}
</
script>

<
textarea id="textarea" cols="25" rows="4" spellcheck="false">
Position der Einfügemarke in einem 
Textfeld ermitteln
.
</
textarea>

<
input type="text" id="indicator" size="2">

<
script>
 var 
indicator document.getElementById("indicator");
 var 
textarea document.getElementById("textarea");
 
setInterval(function() {
 
indicator.value caret(textarea);
}, 
100);
</
script>

Bausteine  Alle Anzeigen

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

<video> Video-Datei

CSS - Tabellenzeilen bei :hover hervorheben

PHP - Automatische Verlinkung

JavaScript - URL Query und Fragment über JavaScript auslesen

MySQL - Löschen eines Datensatzes oder mehrere Datensätze