So erstellen Sie die Schaltfläche In die Zwischenablage kopieren in JavaScript

JavaScript ist eine Web -Programmiersprache, die unsere Website interaktiv macht, indem sie ihr denken und handeln können. Kopieren Sie auf die Schaltfläche CLIMtboard ist eine Notwendigkeit auf vielen Websites, beispielsweise wenn Sie eine Website entwickelt haben, die Ihre Sätze umschreibt, oder Ihre Website ist ein Plagiatentferner, oder es ist ein einfaches Textfeld, mit dem der Benutzer Daten online schreiben können. Um die Benutzererfahrung zu verbessern, sind Websites, die einige Informationen und diese Informationen in anderen Abschnitten der Website erhalten. Lassen Sie uns also all diese Verwendungen ansehen, und lassen Sie uns ein JavaScript -Programm implementieren, das die Frage zum Erstellen des Erstellens beantwortet in die Zwischenablage kopieren Taste in JavaScript.

Html

HTML ist eine Markup -Hypertextsprache, die unserer Website Struktur verleiht. Wir werden HTML verwenden, um ein Eingabefeld zu erstellen, das vom Benutzer verwendet wird, um einen Text einzugeben. Anschließend wird eine Schaltfläche erstellt, die beim Klicken alles, was im Eingabefeld ist, kopiert. Am Ende verwenden wir ein Skript -Tag, um die JavaScript -Datei mit JavaScript -Code zu verweisen:

Kopieren

Wir haben die benutzt Ausweis Attribut im Eingabetag, damit wir es später aus der JavaScript -Datei verweisen können. Wir haben auch die initialisiert ONCLICK Ereignis bedeutet, wenn der Benutzer auf die klickt Kopieren Knopf, die Handleclick () Funktion wird ausgeführt.

JavaScript

Wir haben eine Funktion mit dem Namen von HandleClick () initialisiert, sodass der Code in dieser Funktion mit der Ausführung beginnt, wenn der Benutzer auf die Schaltfläche Kopieren klickt. In der Funktion haben wir mit dem ID -Attribut des Eingabefeldes das Eingabefeld verwiesen und angehängt .Wert am Ende so, dass der Eingabefeldwert in der variablen Eingabe gespeichert wird. Nachdem wir den Wert des Eingangsfelds haben, können wir den Wert mit dem Navigator in die Zwischenablage kopieren.Zwischenablage.Write () -Funktion, bei der wir die Eingabevariable als Parameter übergeben. Der Textvariablentext wird nun in die Zwischenablage kopiert. Am Ende alarmieren wir die Eingangsvariable.

Funktion HandleClick ()
/ * Wert des MyText speichern, um Variable einzugeben */
var input = Dokument.GetElementById ("Mytext").Wert;
/ * Kopieren Sie den Text im Textfeld */
Navigator.Zwischenablage.WriteText (Eingabe);
alert ("kopierter Text:" + Eingabe);

Wir haben den Text eingegeben Kopieren Sie in den Artikel über Zwischenablemente Im Eingabebuch und jetzt klicken wir auf die Kopieren Taste. Wir werden einen Alarm sehen, der den kopierten Text zeigt:

Gehen Sie zu einem neuen Fenster oder einer Wortdatei und drücken Sie Strg+v das wird die einfügen Kopieren Sie in den Artikel des Zwischenablements in diesem Fenster.

Abschluss

Kopieren Sie die Schaltfläche CHIPTBAFT COPPY sind sehr praktisch, wenn Sie eine Website erstellen, die Informationen von einem Abschnitt zum anderen verwendet, wodurch die Benutzererfahrung verbessert wird. Kopieren Sie in die Klemebafel -Taste ist auch ein Projekt für Anfänger, der seine JavaScript -Fähigkeiten üben möchte.

In diesem Beitrag haben wir die Kopie zusammen mit Screenshots und einem GIF in die Schaltfläche Zwischenablage in JavaScript implementiert.