petite alerte pour copier dans le presse-papier dans clipboard.js

Question

J'ai une adresse e-mail dans ma page et je veux quand l'utilisateur clique dessus, alors l'adresse e-mail serait copiée dans le planchette à pince et avec une petite alerte (comme ci-joint) montre l'utilisateur dans une petite étiquette près de la boîte qu'il a copiée dans le presse-papiers,

J'ai utilisé https://clipboardjs.com/ pour mettre en œuvre mon objectif. il copié dans le presse papier fin, mais le problème est qu'il ne montre pas l'utilisateur qu'il copié dans le presse-papier après clique dessus,

mon code si nécessaire:

javascript

new Clipboard('.btn'); 

html

<button class="btn" data-clipboard-text="test@test.com"> 
         test@test.com 
</button> 

Appréciez toute suggestion

Answer 1

En fait, l'info-bulle ne fait pas partie du clipboard.js. Si vous regardez le code source de la page, vous pouvez voir que tooltip.js a été ajouté et configuré dans demo.js.

Tout ce que vous avez à faire est d'ajouter une bibliothèque d'infobulles ou une fonction similaire à la page de démonstration et de l'utiliser en cliquant sur le bouton.

Espérons que ça aide.