zeroclipboard复制插件兼容IE8

最新推荐文章于 2019-12-01 20:33:23 发布

转载最新推荐文章于 2019-12-01 20:33:23 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/myclovers/p/5445412.html

本文介绍了一种在HTML页面中实现文本复制到剪贴板的功能，兼容IE及其他现代浏览器。通过JavaScript检测浏览器类型，并采用不同策略实现文本复制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <textarea></textarea>
 9 <!--<span id="giftNumber">wer wer 2werw erw erwer wer </span>-->
10 <input type="text" id="giftNumber"/>
11 <input id="copy" type="button" onclick="copyToClipBoard()" value="复制">
12 <script src="statics/js/jquery-1.11.3.min.js"></script>
13 <script type="text/javascript" src="//cdn.bootcss.com/zeroclipboard/2.0.2/ZeroClipboard.js"></script>
14 <script type="text/javascript">
15     function copyToClipBoard() {
16         if (!+[1,]) {
17             alert("这是ie浏览器");
18             var clipBoardContent = "【时间】2016-04-29 当天送达（08:00-18:00）\n【地址】甘肃|兰州市|城关区 快乐既然\n【商品】商品1：1[  ] x 1 件；\n【网址】" + location.href + "\n 欢迎点击上面网址接单！诚信合作，欢迎接单！";
19 　　　　　　　//clipBoardContent += document.getElementById("giftNumber").value;    //可以是任何html ElementId,自己设置
20             if (window.clipboardData) {
21                 window.clipboardData.clearData();
22                 window.clipboardData.setData("Text", clipBoardContent);
23                 alert("已成功复制！");
24             } else if (navigator.userAgent.indexOf("Opera") != -1) {
25                 window.location = clipBoardContent;
26                 alert("复制失败");    //链接跳转
27             } else if (window.netscape) {
28                 try {
29                     netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
30                 } catch (e) {
31                     alert("您的当前浏览器设置已关闭此功能！请按以下步骤开启此功能！\n新开一个浏览器，在浏览器地址栏输入'about:config'并回车。\n然后找到'signed.applets.codebase_principal_support'项，双击后设置为'true'。\n声明：本功能不会危极您计算机或数据的安全！");
32                 }
33                 var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
34                 if (!clip) return;
35                 var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
36                 if (!trans) return;
37                 trans.addDataFlavor('text/unicode');
38                 var str = new Object();
39                 var len = new Object();
40                 var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
41                 var copytext = clipBoardContent;
42                 str.data = copytext;
43                 trans.setTransferData("text/unicode", str, copytext.length * 2);
44                 var clipid = Components.interfaces.nsIClipboard;
45                 if (!clip) return false;
46                 clip.setData(trans, null, clipid.kGlobalClipboard);
47             } else if (navigator.userAgent.indexOf("Safari") != -1) {
48 　　　　　　　　　//$("#copyTip").html("您使用的浏览器不支持复制功能，请使用右键复制").show();
49                 alert("您使用的浏览器不支持复制功能，请使用右键复制")
50             }
51         }
52         else {
53             alert("这不是ie浏览器");
54             var client = new ZeroClipboard(document.getElementById("copy"));
55             client.on("ready", function (event) {
56                 client.on('copy', function (event) {
57                     event.clipboardData.setData('text/plain', "【时间】2016-04-29 当天送达（08:00-18:00）\n【地址】甘肃|兰州市|城关区 快乐既然\n【商品】商品1：1[  ] x 1 件；\n【网址】" + location.href + "\n 欢迎点击上面网址接单！诚信合作，欢迎接单！");
58                 });
59                 client.on("aftercopy", function (event) {
60                     console.log('Copied text to clipboard: ' + event.data['text/plain']);
61                     alert("订单信息复制成功，您可以通过QQ或邮件发送给接单店铺!");
62                 });
63             });
64         }
65     }
66 </script>
67 </body>
68 </html>

转载于:https://www.cnblogs.com/myclovers/p/5445412.html