使用 ZeroClipboard 实现复制功能

最新推荐文章于 2024-10-29 13:44:56 发布

原创最新推荐文章于 2024-10-29 13:44:56 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

JS常用方法专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何在使用ZeroClipboard.js时针对IE浏览器进行兼容性优化，通过修改脚本确保复制功能在不同浏览器环境下都能正常工作。

ZeroClipboard.js 243行修改对ie的判断

<script type="text/javascript" src="js/ZeroClipboard.js"></script>
<input type="button" onclick="iecopy()" value="复制到剪贴板" id="d_clip_button" class="myself_cz" data-clipboard-target="spreadtext" />

$(document).ready(function() { 
//makeitcopy();
getInformation();

if(!document.all){
var flashurl = contextPath + "/js/ZeroClipboard.swf";
var clip = new ZeroClipboard( document.getElementById("d_clip_button"), {
  moviePath: flashurl
} );
// 复制内容到剪贴板成功后的操作
clip.on( 'complete', function(client, args) {
   //alert("复制成功，复制内容为："+ args.text);
$.messager.alert('系统提示','复制成功');
} ); 
}

});