Heim > Artikel > Web-Frontend > Das jQuery-Zclip-Plug-in implementiert die browserübergreifende Kopierfunktion_jquery
jQuery-zclip ist ein jQuery-Plug-in, das Inhalte in die Zwischenablage kopiert. Dadurch müssen wir keine Kompatibilitätsprobleme zwischen verschiedenen Browsern und Browserversionen berücksichtigen. Das jQuery-zclip-Plug-in erfordert Flash-Unterstützung. Denken Sie daran, Adobe Flash Player zu installieren, wenn Sie es verwenden.
1. jQuery-zclip-Nutzung
//引入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>
Konfigurationsanleitung
Pfad:Der Pfad von SWF (zum Kopieren wird hauptsächlich Flash verwendet, um das Kopieren verschiedener Browser zu lösen)
Kopieren:Der zu kopierende Inhalt kann statischer Inhalt sein oder dynamischen Inhalt zurückgeben
beforeCopy:Kopieren Sie die vorher auszuführende Funktion;
afterCopy:Funktion, die nach dem Kopieren ausgeführt werden soll;
Bietet 3 Methoden
show:$(selected).zclip('show');//Die Kopierfunktion ist gültig
hide:$(selected).zclip('hide');//Die Kopierfunktion ist ungültig
remove:$(selected).zclip('remove');//Entfernen Sie die Kopierfunktion vollständig
2. Demonstrationseffekt
Nachdem der Vorgang erfolgreich war, klicken Sie auf die Schaltfläche „Kopieren“. Daraufhin wird ein Eingabeaufforderungsfeld angezeigt, das angibt, dass das Kopieren in die Zwischenablage wie folgt wirksam geworden ist:
Die englischen Zeichen „Text in die Zwischenablage kopiert“ werden im Popup-Fenster angezeigt, was den chinesischen Verwendungsgewohnheiten etwas widerspricht. Suchen Sie in der Abfrage nach „Kopiert in die Zwischenablage“. .zclip.min.js-Datei Ersetzen Sie einfach „Text in die Zwischenablage“ durch „erfolgreich in die Zwischenablage kopiert“ , der Effekt ist wie folgt:
Das Obige ist der gesamte vom Herausgeber zusammengestellte Inhalt über die browserübergreifende Kopierfunktion des jQuery-Zclip-Plug-Ins. Ich hoffe, dass er für das Lernen aller hilfreich ist.