Le plug-in jQuery zclip implémente la copie entre navigateurs function_jquery

jQuery-zclip est un plug-in jQuery qui copie le contenu dans le presse-papiers. En l'utilisant, nous n'avons pas à prendre en compte les problèmes de compatibilité entre les différents navigateurs et versions de navigateur. Le plug-in jQuery-zclip nécessite le support de Flash N'oubliez pas d'installer Adobe Flash Player lors de son utilisation.

1. Utilisation de jQuery-zclip

//引入jQuery-zclip相关js及swf文件
<script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/jquery.zclip.min.js"></script>
<script type="text/javascript">
$(function(){
  $("#cp-btn").zclip({
    path:'<%=path%>/resources/js/ZeroClipboard.swf', //记得把ZeroClipboard.swf引入到项目中 
    copy:function(){
      return $('#inviteUrl').val();
    }
  });
});
</script>

<div class=form-row>
  <div class=col-md-5>
    <input class=form-control value="" id="inviteUrl"/>
  </div>
  <div class=col-md-1>
    <a href="javascript:void(0)" id="cp-btn"
      class="btn btn-default btn-block btn-clean">复  制</a>
  </div>
</div>

Instructions de configuration
chemin :Le chemin du swf (la copie utilise principalement Flash pour résoudre la copie de différents navigateurs)
copie :Le contenu à copier peut être du contenu statique ou renvoyer du contenu dynamique
beforeCopy :Copier la fonction à faire avant ;
afterCopy :Fonction à effectuer après la copie ;

Fournit 3 méthodes
show:$(selected).zclip('show');//La fonction de copie est valide
hide:$(selected).zclip('hide');//La fonction de copie n'est pas valide
remove:$(selected).zclip('remove');//Supprimer complètement la fonction de copie

2. Effet de démonstration
Une fois l'opération réussie, cliquez sur le bouton Copier et une boîte de dialogue apparaîtra, indiquant que la copie dans le presse-papiers a pris effet, comme suit :

Les caractères anglais "Texte copié dans le presse-papiers" apparaissent dans la boîte de dialogue, ce qui est un peu incompatible avec les habitudes d'utilisation chinoises. Remplacez-le par "Copié dans le presse-papiers avec succès". Recherchez "Copié" dans le jquery. Fichier .zclip.min.js Remplacez simplement "texte dans le presse-papiers" par "copié avec succès dans le presse-papiers" , l'effet est le suivant :

Ce qui précède est tout le contenu compilé par l'éditeur sur la fonction de copie entre navigateurs du plug-in jQuery zclip. J'espère que cela sera utile à l'apprentissage de chacun.