HTML: Text in Zwischenablage kopieren – So gehts

Oft ist es praktisch wenn du den Text aus einem Textfeld in die Zwischenablage kopieren kannst. Wie du das in HTML anstellst zeige ich dir in diesem Beitrag.

HTML: Text in Zwischenablage kopieren

 
Zuerst benötigen wir ein Texfeld mit einem Text. Das machst du am besten mit einem HTML: Inputfeld

Beispiel

<!-- Das Textfeld aus dem der Text kopiert wird -->
<input id="meinText" type="text" value="Text wird in die Zwischenablage kopiert" />

<!-- Der Button um den Text zu kopieren -->
<button>Kopieren</button>

Kopieren

Dann benötigen wir noch etwas Javascript . Füge diesen Javascript Code in den Head Bereich deiner Webseite ein und der Text wird kopiert

Javascript Teil

<script>

function copytext() {

  /* Text aus dem Inputfeld in einer variable abspeichern */
  var theText = document.getElementById("meinText");

  /* Textfeld auswählen */
  theText.select();
  theText.setSelectionRange(0, 99999);

   /* Text aus dem Input Feld kopieren */
  navigator.clipboard.writeText(theText.value);

  /* Meldung das der Text kopiert ist */
  alert("Text kopiert: " + theText.value);
}


</script>

Jetzt HTML lernen

[the_ad_group id=“4427″]

Weitere Beiträge zu HTML

HTML: Text in Zwischenablage kopieren – So gehts
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
PHP in HTML einfügen – So gehts!
HTML: Rahmen um Text – So gehts

HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!
HTML: 302 Redirect – So einfach gehts!
HTML: URL Parameter Erklärung
HTML: Bild einfügen – So gehts!

Jquery in HTML einbinden : So wirds gemacht!
HTML: Zurück Button & Link erstellen: So gehts!
HTML: Versteckter und Unsichtbarer Text : So gehs
HTML: Großbuchstaben schreiben: So gehts!
HTML: Icons einfügen: So gehts!

HTML: iFrame in Webseite einbinden – So gehts!
HTML: Liste erstellen – So gehts!
HTML: Erzwungenes Leerzeichen einfügen – So gehts!
CSS in HTML einbinden – So gehts!
HTML: Leerzeichen erstellen – So einfach gehts!

HTML: Auskommentieren – So gehts!
HTML: Bild zentrieren und mittig ausrichten
HTML: Fett schreiben – So einfach gehts!
HTML Text ausrichten: rechtsbündig & linksbündig
HTML: Zeilenabstand einstellen – So gehts!

HTML: Trennlinie einfügen – So gehts!
HTML: Absatz einfügen – So gehts!
HTML: Horizontale Linie – So gehts
HTML: Tabellen erstellen – So gehts!
HTML: Datum & Uhrzeit anzeigen – So gehts!

Über Mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite