Jak skopiować/wkleić tekst do schowka za pomocą JavaScript
Żyjemy w erze technologii, w której na wszystko ma wpływ technologia. Technologia zapewniła wiele zaawansowanych rozwiązań i przezwyciężyła wiele ręcznych wysiłków. Tak więc w erze technologii ręczne wybór tekstu i kopiowanie go za pomocą „Ctrl + C” wydaje się staromodne i zajmuje trochę czasu. Więc jak to zautomatyzować?
Cóż, dzięki JavaScript! Oferuje wbudowane właściwości schowka, które pozwalają nam kopiować/wkleić tekst do schowka za pomocą jednego przycisku kliknięcia.
W tym zapisie nauczymy się kopiować tekst do schowka za pomocą HTML i JavaScript:
- Jak skopiować/wkleić tekst do schowka za pomocą JavaScript
- Praktyczna demonstracja tekstu kopiowania/wklejania do schowka
Więc zacznijmy!
Jak skopiować/wkleić tekst do schowka za pomocą JavaScript
Poniższy przykładowy program zapewni szczegółowe zrozumienie, jak kopiować tekst do schowka za pomocą JavaScript:
Kopiuj wklej.html
W tym przykładzie utworzyliśmy pole wejściowe i przycisk, po kliknięciu przycisku tekst zostanie skopiowany do schowka. Następnie stworzyliśmy
element i przypisz go identyfikator „pText”.
Kopiuj wklej.JS
funkcja copyFunction ()var copyData = dokument.getElementById („InputText”);
var showText = Document.getElementById („pText”);
copyData.wybierać();
nawigator.schowek.WriteText (CopyData.wartość);
ShowText.innerhtml = "tekst skopiowany:" + copyData.wartość;
Powyższy fragment służy poniżej na liście:
- Utworzyliśmy funkcję o nazwie „CopyFunction ()”, która zostanie wywołana, gdy ktoś kliknie przycisk „Kopiuj”.
- W ramach CopyFunction () wykorzystaliśmy metodę getElementById () do odczytu elementów HTML.
- Następnie zastosowaliśmy metodę wybierania () do wyboru pola tekstowego.
- Następnie wykorzystaliśmy nawigatora.schowek.writeText (), aby skopiować tekst do schowka.
- Wreszcie, wykorzystaliśmy właściwość InnerHTML, aby ustawić nazwę i wiek na
element.
Po pomyślnym wykonywaniu programu początkowo otrzymamy poniżej wyniki:
Jeśli wszystko pójdzie dobrze, kliknięcie przycisku „Kopiuj” wyświetli wiadomość „Skopiowany tekst” wraz z skopiowanym tekstem:
Wyjście uwierzytelnia, że nasz program działa doskonale.
Praktyczna demonstracja
W tej sekcji pokażemy praktyczną demonstrację powyższego programu.
Powyższy fragment pokazuje, jak skopiować/wkleić tekst do schowka za pomocą JavaScript.
Wniosek
JavaScript oferuje wbudowane właściwości schowka, które pozwalają nam kopiować/wkleić tekst do schowka za pomocą jednego przycisku kliknięcia. W JavaScript, nawigator.Schowek służy do uzyskania dostępu do schowka, a właściwość WriteText () służy do kopiowania tekstu do schowka. Ten zapis przedstawia kompleksowy przewodnik na temat kopiowania/wklejania tekstu do schowka za pomocą JavaScript.