Comment copier / coller du texte dans le presse-papiers à l'aide de JavaScript
Nous vivons à une époque technologique où tout est influencé par la technologie. La technologie a fourni de nombreuses solutions avancées et a surmonté de nombreux efforts manuels. Ainsi, dans cette époque technologique, la sélection manuelle du texte et la copie en utilisant «Ctrl + C» semble démodé et prend un peu de temps. Alors comment l'automatiser?
Eh bien, grâce à JavaScript! Il propose des propriétés de presse-papiers intégrées qui nous permettent de copier / coller le texte dans le presse-papiers à l'aide d'un seul bouton cliquer.
Dans cet article, nous apprendrons à copier du texte dans un presse-papiers à l'aide de HTML et JavaScript:
- Comment copier / coller du texte dans le presse-papiers à l'aide de JavaScript
- Démonstration pratique du texte de copie / coller dans le presse-papiers
Alors commençons!
Comment copier / coller du texte dans le presse-papiers à l'aide de JavaScript
Le programme d'exemples divisés vous fournira une compréhension détaillée de la façon de copier du texte dans le presse-papiers à l'aide de JavaScript:
Copier coller.html
Dans cet exemple, nous avons créé un champ de saisie et un bouton, en cliquant sur le bouton, le texte sera copié dans le presse-papiers. Ensuite, nous avons créé un
élément et attribuez-le un id "ptext".
Copier coller.js
function copyFunction ()var copydata = document.getElementById ("inputText");
var showText = document.getElementById ("ptext");
copie.sélectionner();
navigateur.presse-papiers.writetext (copydata.valeur);
spectacle.innerhtml = "Texte copié:" + CopyData.valeur;
L'extrait ci-dessus sert les fonctionnalités ci-dessous:
- Nous avons créé une fonction nommée «CopyFunction ()» qui sera invoquée lorsque quelqu'un clique sur le bouton «Copier».
- Dans CopyFunction (), nous avons utilisé la méthode GetElementById () pour lire les éléments HTML.
- Ensuite, nous avons utilisé la méthode SELECT () pour sélectionner le champ de texte.
- Par la suite, nous avons utilisé le navigateur.presse-papiers.writeText () pour copier du texte dans le presse-papiers.
- Enfin, nous avons utilisé la propriété InnerHTML pour définir le nom et l'âge sur le
élément.
Au cours de l'exécution réussie du programme, initialement, nous obtiendrons la sortie ci-dessous:
Si tout se passe bien, alors cliquez sur le bouton «Copier» affichera un message «Texte copié» avec le texte copié:
La sortie authentifie que notre programme fonctionne parfaitement bien.
Démonstration pratique
Dans cette section, nous vous montrerons la démonstration pratique du programme ci-dessus.
L'extrait ci-dessus montre comment copier / coller le texte dans le presse-papiers à l'aide de JavaScript.
Conclusion
JavaScript propose des propriétés de presse-papiers intégrées qui nous permettent de copier / coller le texte dans le presse-papiers à l'aide d'un seul bouton cliquer. En javascript, le navigateur.Le presse-papiers est utilisé pour avoir accès au presse-papiers tandis que la propriété writeText () est utilisée pour copier le texte dans le presse-papiers. Cet article présente un guide complet sur la façon de copier / coller le texte dans le presse-papiers à l'aide de JavaScript.