HTML: Text in Zwischenablage kopieren – So gehts

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

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

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!


Das könnte dich interessieren!


Weitere Kategorien






Schreibe einen Kommentar



26237