Javascript Text / Eingabe markieren

Um die Eingabe (zum Beispiel die Eingabe eines input – Formulars) zu markieren kann dies mit Javascript erreicht werden.

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>Formularfeld-Markierung</title>
</head>
<body>
    <form>
        <input type="text" id="meinFeld" name="meinFeld" value="Klicken Sie hier oder fokussieren Sie dieses Feld">
    </form>

    <script>
        var feld = document.getElementById('meinFeld');
        
        // Markierung beim Fokussieren
        feld.addEventListener('focus', function() {
            this.select();
        });
        
        // Markierung beim Klicken
        feld.addEventListener('click', function() {
            this.select();
        });
    </script>
</body>
</html>

vorher:

nach Markierung