zeroclipboard复制插件兼容IE8
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <textarea></textarea> <!--<span id="giftNumber">wer wer 2werw erw erwer wer </span>--> <input type="text" id="giftNumber"/> <input id="copy" type="button" onclick="copyToClipBoard()" value="复制"> <script src="statics/js/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="//cdn.bootcss.com/zeroclipboard/2.0.2/ZeroClipboard.js"></script> <script type="text/javascript"> function copyToClipBoard() { if (!+[1,]) { alert("这是ie浏览器"); var clipBoardContent = "【时间】2016-04-29 当天送达(08:00-18:00)\n【地址】甘肃|兰州市|城关区 快乐既然\n【商品】商品1:1[ ] x 1 件;\n【网址】" + location.href + "\n 欢迎点击上面网址接单!诚信合作,欢迎接单!"; //clipBoardContent += document.getElementById("giftNumber").value; //可以是任何html ElementId,自己设置 if (window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("Text", clipBoardContent); alert("已成功复制!"); } else if (navigator.userAgent.indexOf("Opera") != -1) { window.location = clipBoardContent; alert("复制失败"); //链接跳转 } else if (window.netscape) { try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); } catch (e) { alert("您的当前浏览器设置已关闭此功能!请按以下步骤开启此功能!\n新开一个浏览器,在浏览器地址栏输入'about:config'并回车。\n然后找到'signed.applets.codebase_principal_support'项,双击后设置为'true'。\n声明:本功能不会危极您计算机或数据的安全!"); } var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard); if (!clip) return; var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable); if (!trans) return; trans.addDataFlavor('text/unicode'); var str = new Object(); var len = new Object(); var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString); var copytext = clipBoardContent; str.data = copytext; trans.setTransferData("text/unicode", str, copytext.length * 2); var clipid = Components.interfaces.nsIClipboard; if (!clip) return false; clip.setData(trans, null, clipid.kGlobalClipboard); } else if (navigator.userAgent.indexOf("Safari") != -1) { //$("#copyTip").html("您使用的浏览器不支持复制功能,请使用右键复制").show(); alert("您使用的浏览器不支持复制功能,请使用右键复制") } } else { alert("这不是ie浏览器"); var client = new ZeroClipboard(document.getElementById("copy")); client.on("ready", function (event) { client.on('copy', function (event) { event.clipboardData.setData('text/plain', "【时间】2016-04-29 当天送达(08:00-18:00)\n【地址】甘肃|兰州市|城关区 快乐既然\n【商品】商品1:1[ ] x 1 件;\n【网址】" + location.href + "\n 欢迎点击上面网址接单!诚信合作,欢迎接单!"); }); client.on("aftercopy", function (event) { console.log('Copied text to clipboard: ' + event.data['text/plain']); alert("订单信息复制成功,您可以通过QQ或邮件发送给接单店铺!"); }); }); } } </script> </body> </html>
zeroclipboard复制插件兼容IE8的更多相关文章
- 将url动态转换成二维码插件 - 兼容IE8
插件地址 http://static.runoob.com/assets/qrcode/qrcode.min.js ,网页直接打开,然后ctrl+s保存到本地. <!DOCTYPE html& ...
- js插件实现点击复制内容到粘贴板,兼容IE8
先来看下本次需要导入的文件: 第一个是jquery.js,这个不多说: 第二个是jquery.zclip.js,第三个是zeroClipboard.swf ,这两个文件的下载链接:http://www ...
- 图片上传jQuery插件(兼容IE8)
图片上传jQuery插件(兼容IE8) 代码来源 :https://github.com/zilan93/uploadImg html <!DOCTYPE html> <ht ...
- 【转】让Bootstrap 3兼容IE8浏览器
FROM : http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html 最近在研究Bootstrap(官方,Github)这个 ...
- 让Bootstrap 3兼容IE8浏览器
最近在研究Bootstrap(官方,Github)这个优秀的前端框架,Bootstrap最开始是Twitter团队内部的一个前端框架,所谓前端框架就是一个CSS/HTML框架,框架里面有下拉菜单.按钮 ...
- Bootstrap 3兼容IE8浏览器(转)
Bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电脑,平板电脑,手机上都得到非常优秀的布局体验.这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,根据不同的分 ...
- 使用ZeroClipboard 复制指定内容到剪切板
有些时候,我们希望让用户在网页上完成某个操作就能自动将指定的内容复制到用户计算机的剪贴板中.但是出于安全原因,大多数现代浏览器都未提供通用的剪贴板复制接口(或即便有,也默认被禁用).只有IE浏览器可以 ...
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能
当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.ap ...
- jQuery validate兼容IE8写法
最近做项目的时候遇到一个validate插件在IE8下面点击submit按钮没有执行检查的BUG 在chrome和FF,还有IE9以上都可以.百度了好多文章都没有找到解决方法,后面自己测试找到了问题. ...
随机推荐
- 编写Map处理逻辑
- 锋利的Jquery(p的onclick()事件)
1.一个p元素的点击事件 <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="serve ...
- Powerdesigner 生成数据字典
https://www.jianshu.com/p/f491d0d3c503http://blog.csdn.net/adparking/article/details/50402980http:// ...
- JavaWeb实现文件下载
1. 编写文件上传Servlet public class FileUpload1 extends HttpServlet { @Override protected void doGet(HttpS ...
- RabbitMQ代码操作之发消息和序列化机制
几个自动配置类: 1.RabbitAutoConfiguration2.有自动配置了连接工厂 ConnectionFactory3.RabbitProperties 封装了RabbitMQ的配置4.R ...
- <scrapy爬虫>基本知识-修改链接-中间件
rules = ( Rule(LinkExtractor(allow=r'/films/\d+'),process_links='deal_links' ,callback='parse_maoyan ...
- <每日一题>题目28:生成随机的测验试卷(单选题)
#项目:生成随机的测验试卷文件 import random #资料库 capitals = {'北京市':'京','上海市':'沪','天津市':'津','重庆市':'渝','河北省':'冀','山西 ...
- HDU--3466 Proud Merchants (01背包)
题目http://acm.hdu.edu.cn/showproblem.php?pid=3466 分析:这个题目增加了变量q 因此就不能简单是使用01背包了. 网上看到一个证明: 因为如果一个物品是5 ...
- elasticsearch 中文API river
river-jdbc 安装 ./bin/plugin --install jdbc --url http://xbib.org/repository/org/xbib/elasticsearch/pl ...
- JS播放视频代码
<div class="col-md-8"> <div id="moviecontainer"></div> </di ...