Werner-Zenk.de - Zur Startseite

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

Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Position Sticky in einer HTML Tabelle

PHP - Tage bis zu einem bestimmten Datum

JavaScript - 1 x Klick Button

MySQL - Eintrag in der Tabelle löschen