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>

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

Ü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

HTML: Text in Zwischenablage kopieren – So gehts