Maison > interface Web > tutoriel HTML > Page HTML : partagez l'exemple de code utilisé par le bouton de copie

Page HTML : partagez l'exemple de code utilisé par le bouton de copie

黄舟
Libérer: 2017-04-18 09:27:23
original
4972 Les gens l'ont consulté

marge : 0px ; padding : 10px 0px 5px ; taille de police : 14px ; couleur : rgb(37, 37, 37) ; -serif; white-space: normal; background-color: rgb(255, 255, 255);"> Laissez-moi d'abord parler de mon plan global :

Utiliser la prise du presse-papiers -in, Pour l'adresse officielle et l'adresse github, vous pouvez également vous référer aux instructions en chinois

Test actuel du plug-in presse-papiers : Il est disponible dans les navigateurs PC (essayé safari, chrome, firefox sur mac) , Safari sur iOS 10.3 et les téléphones mobiles. Le navigateur WeChat QQ peut être utilisé, mais le navigateur fourni avec les téléphones Android et UC n'est pas disponible. Par conséquent, pour les appareils indisponibles, utilisez la méthode consistant à faire apparaître le calque et à appuyer longuement. à copier manuellement.

Il y a une chose à noter ici Lorsque la balise qui doit être obtenue est display:none, la méthode data-clipboard-target ne peut pas obtenir la valeur. texte combiné avec la méthode suivante. Le code est le suivant :

var getContent=document.getElementById("divContent").innerHTML;
document.getElementById("copy-button").setAttribute("data-clipboard-text", getContent);
Copier après la connexion
.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal