So kopieren/einfügen Sie Text mit JavaScript in die Zwischenablage in die Zwischenablage

So kopieren/einfügen Sie Text mit JavaScript in die Zwischenablage in die Zwischenablage

Wir leben in einer technologischen Ära, in der alles von Technologie beeinflusst wird. Die Technologie hat viele fortschrittliche Lösungen bereitgestellt und viele manuelle Anstrengungen überwunden. In dieser Technologie-Ära erscheint die manuelle Auswahl des Textes und das Kopieren von „Strg + C“ altmodisch und dauert ein wenig Zeit. So automatisieren Sie es?

Nun, danke an JavaScript! Es bietet einige integrierte Eigenschaften der Zwischenablage, mit denen wir den Text mit einem einzigen Schaltfläche Klick kopieren/in die Zwischenablage einfügen können.

In diesem Artikel lernen wir, wie Sie Text mit HTML und JavaScript in eine Zwischenablage kopieren:

  • So kopieren/einfügen Sie Text mit JavaScript in die Zwischenablage in die Zwischenablage
  • Praktische Demonstration von Kopier-/Einfügen von Text in die Zwischenablage

Also fangen wir an!

So kopieren/einfügen Sie Text mit JavaScript in die Zwischenablage in die Zwischenablage

Das untergegebene Beispielprogramm bietet Ihnen ein detailliertes Verständnis dafür, wie Text mit JavaScript in die Zwischenablage kopiert werden:

Kopieren Einfügen.html









In diesem Beispiel haben wir ein Eingabefeld und eine Schaltfläche erstellt. Wenn Sie auf die Schaltfläche klicken. Der Text wird in die Zwischenablage kopiert. Als nächstes haben wir eine erstellt

Element und zuweisen Sie ihm eine ID "ptext".

Kopieren Einfügen.JS

Funktion CopyFunction ()
var CopyData = Dokument.getElementById ("InputText");
var showText = document.getElementById ("ptext");
CopyData.wählen();
Navigator.Zwischenablage.WriteText (CopyData.Wert);
ShowText.Innerhtml = "Text kopiert:" + CopyData.Wert;

Der obige Snippet dient den unten aufgeführten Funktionen:

  • Wir haben eine Funktion namens "Copyfunction ()" erstellt, die aufgerufen wird, wenn jemand auf die Schaltfläche "Kopieren" klickt.
  • Innerhalb von Copyfunction () haben wir die GetElementById () -Methode verwendet, um HTML -Elemente zu lesen.
  • Als nächstes verwendeten wir die Methode Select (), um das Textfeld auszuwählen.
  • Danach nutzten wir den Navigator.Zwischenablage.WriteText (), um Text in die Zwischenablage zu kopieren.
  • Schließlich verwendeten wir die Innerhtml -Eigenschaft, um den Namen und das Alter auf dem festzulegen

    Element.

Bei der erfolgreichen Ausführung des Programms erhalten wir zunächst die untergegebene Ausgabe:

Wenn alles gut läuft, wird auf die Schaltfläche „Kopieren“ eine Meldung „Text kopiert“ zusammen mit dem kopierten Text angezeigt:

Der Ausgang authentifiziert, dass unser Programm vollkommen gut funktioniert.

Praktische Demonstration

In diesem Abschnitt zeigen wir Ihnen die praktische Demonstration des oben gegebenen Programms.

Das obige Snippet zeigt, wie Sie den Text mit JavaScript kopieren/einfügen in die Zwischenablage.

Abschluss

JavaScript bietet einige integrierte Eigenschaften der Zwischenablage, mit denen wir den Text mit einem einzelnen Schaltflächenklick kopieren/in die Zwischenablage einfügen können. In JavaScript der Navigator.Die Zwischenablage wird verwendet, um Zugriff auf die Zwischenablage zu erhalten, während die Eigenschaft writeText () zum Kopieren des Textes in die Zwischenablage kopiert wird. In diesem Artikel wird eine umfassende Anleitung zum Kopieren/Einfügen des Textes mit JavaScript vorgestellt/einfügen.