in der Zwischenablage speichern - Javascript

18. September 2023

in der Zwischenablage speichern – Javascript

Javascript in der Zwischenablage speichern

ch teile diesen Code mit Ihnen, in der Hoffnung, dass er Ihnen nützlich ist und Sie ihn selbst testen können. Sie können ihn auch nach Ihren Wünschen anpassen. Statt Text können Sie hier auch Symbole einfügen.

<!DOCTYPE html>
<html lang="de">
<head>
    <!-- Metadaten für das Dokument -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <!-- Seitentitel -->
    <title>
        Wie man Text in JavaScript in die Zwischenablage kopiert
    </title>
</head>
 
<body>
    <!-- Überschrift in roter Farbe -->
    <h1 style="color:red;">
        Anwahl.de
    </h1>
 
 
    <!-- Anleitungstext -->
    <p>
        Klicke auf den Button, um den Text aus dem Textfeld zu kopieren.
    </p>
    <!-- Textfeld mit vorgegebenem Wert -->
    <input type="text" value="AnWahl00" id="AwInput">
 
    <!-- Button zum Kopieren des Textes -->
    <button onclick="KopiereText()">
        Text kopieren
    </button>
 
    <!-- Anzeigebereich für die Kopie -->
    <p id="aw"></p>
 
    <!-- JavaScript-Funktion zum Kopieren des Textes -->
    <script>
        function KopiereText() {
            // Das Textfeld mit der ID "AwInput" wird ausgewählt
            let kopierterText = document.getElementById("AwInput");
 
            // Der ausgewählte Text wird markiert
            kopierterText.select();
 
            // Der markierte Text wird in die Zwischenablage kopiert
            document.execCommand("copy");
             
            // Eine Nachricht wird angezeigt, um zu bestätigen, dass der Text kopiert wurde
            document.getElementById("aw").innerHTML = "Text kopiert: " + kopierterText.value;
        }
    </script>
</body>
</html>

Post Views: 112