Come copiare/incollare il testo negli appunti utilizzando JavaScript
Viviamo in un'era tecnologica in cui tutto è influenzato dalla tecnologia. La tecnologia ha fornito molte soluzioni avanzate e ha superato molti sforzi manuali. Quindi, in questa era tecnologica, selezionando manualmente il testo e copialo usando "Ctrl + C" sembra vecchio stile e richiede un po 'di tempo. Allora come automatizzarlo?
Bene, grazie a JavaScript! Offre alcune proprietà degli appunti integrati che ci consentono di copiare/incollare il testo negli appunti utilizzando un singolo pulsante Click.
In questo articolo impareremo come copiare il testo in un appuntante usando HTML e JavaScript:
- Come copiare/incollare il testo negli appunti utilizzando JavaScript
- Dimostrazione pratica del testo di copia/incolla negli appunti
Quindi iniziamo!
Come copiare/incollare il testo negli appunti utilizzando JavaScript
Il programma Esempio di seguito fornirà una comprensione dettagliata di come copiare il testo negli appunti usando JavaScript:
Copia incolla.html
In questo esempio, abbiamo creato un campo di input e un pulsante, facendo clic sul pulsante il testo verrà copiato negli appunti. Successivamente, abbiamo creato un
elemento e assegnarlo un ID "ptext".
Copia incolla.js
funzione copyFunction ()var copyData = documento.getElementByID ("InputText");
var showtext = documento.getElementById ("ptext");
CopyData.Selezionare();
navigatore.Appuntamento.WriteText (CopyData.valore);
Showtext.InnerHtml = "Testo copiato:" + CopyData.valore;
Lo snippet sopra serve le funzionalità sotto l'elenco:
- Abbiamo creato una funzione denominata "CopyFunction ()" che verrà invocata quando qualcuno fa clic sul pulsante "Copia".
- All'interno di CopyFunction (), abbiamo utilizzato il metodo getElementById () per leggere gli elementi HTML.
- Successivamente, abbiamo utilizzato il metodo Select () per selezionare il campo di testo.
- Successivamente, abbiamo utilizzato il navigatore.Appuntamento.writeText () per copiare il testo negli appunti.
- Infine, abbiamo utilizzato la proprietà InnerHTML per impostare il nome e l'età sul
elemento.
Durante l'esecuzione di successo del programma, inizialmente otterremo l'output di seguito:
Se tutto va bene, quindi fare clic sul pulsante "Copia" mostrerà un messaggio "Testo copiato" insieme al testo copiato:
L'output autentica che il nostro programma funziona perfettamente.
Dimostrazione pratica
In questa sezione, ti mostreremo la dimostrazione pratica del programma di cui sopra.
Lo snippet sopra mostra come copiare/incollare il testo negli appunti usando JavaScript.
Conclusione
JavaScript offre alcune proprietà degli appunti integrati che ci consentono di copiare/incollare il testo negli appunti utilizzando un singolo pulsante Click. In JavaScript, il navigatore.Gli appunti vengono utilizzati per ottenere l'accesso agli appunti mentre la proprietà WriteEText () viene utilizzata per copiare il testo negli appunti. Questo articolo presenta una guida completa su come copiare/incollare il testo negli appunti usando JavaScript.