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.

<blockquote> Block-Zitat

CSS - Texteingabe nur in Großbuchstaben

PHP - Suche nach Übereinstimmungen mit regulärem Ausdruck

JavaScript - Externe Datei per AJAX zeitabhängig aktualisieren

MySQL - Datenbankinhalte mit AES verschlüsseln und auslesen

Aktualität vortäuschen
Viele Seiten werben mit "aktuellen News", die in Wirklichkeit Wochen alt sind. Wenn man aktuelle News verspricht, dann sollte man diese auch bieten, ansonsten sollte man lieber darauf verzichten.