现在不使用ZeroClipboard我们也能实现 首先,我们保证页面结构不变,但不在引入ZeroClipboard插件: 1 <input type="text" name="" id="J_TextIn" value="Copy Test."> 2 <input type="button" value="Copy" id="J_DoCopy">…
前言: 常规利用JS编写的网页复制功能是最简单的方法,但是只对IE有效,无法做到兼容其它浏览器,对其他浏览器也就只能弹窗提示用户手动复制了. <script type="text/javascript"> function copyToClipBoard(t) { if (isIE()) { var clipBoardContent = ""; if (t == 1) { clipBoardContent = document.getElementByI…
一个简单例子: <html> <body> <button id="copy-button" data-clipboard-text="Copy Me!" title="Click to copy me.">Copy to Clipboard</button> <script src="~/Scripts/jquery-1.7.1.js"></script>…
<!DOCTYPE html> <html> <head> <title>ZeroClipboard跨浏览器复制粘贴</title> <meta charset="utf-8"> <script type="text/javascript" src="ZeroClipboard.min.js"></script> </head> <b…
Zero Clipboard的实现原理Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板. Zero Clipboard的安装方法首先需要下载 Zero Clipboard的压缩包,解压后把文件夹中两个文件:ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的项目中.然后把在你要使用复制功能的页面中引入Zero Cli…
使用 ZeroClipboard 可以简单的将内容复制到剪贴板,通过 Adobe Flash 和 JavaScript 来实现.“Zero” 意义为这个类库没有界面,界面需要由你来建立. 版本: ZeroClipboard v2.1.6 github地址 在线实例 实例预览 ZeroClipboard 复制到剪贴板 简单示例 使用方法 载入 JavaScript 文件 <script src="ZeroClipboard.js"></script> 复制 如果…
ZeroClipboard 库提供了一种把文本复制到剪贴板的简单方法.Zero 表示该库是不可见的,用户界面则完全取决于你. 该库完全兼容 Flash Player 10.0.0 或以上版本,这就要求剪贴板复制操作需要通过 Flash 影片内部的用户单击事件来初始化.支持 IE7+ 和所有的现代浏览器. 您可能感兴趣的相关文章 Debuggex – 超好用的正则表达式可视化调试工具 Zepto.js – 为现代浏览器而生的轻量JavaScript库 zoom.js:一款效果非常独特的页面内容缩放…
之前写过一个淘宝优惠券连接PC端转手机端连接的小工具,当时写到将转换好的url复制到剪切板这块时解决了IE和火狐,就是没办法搞定Chrome,知道可以通过flash搞定,但是觉得太麻烦没有仔细研究. 今天偶尔发现有ZeroClipboard这么个好玩意,能跨浏览器解决复制剪切板的问题,于是兴冲冲的拿来用用,但是放上去后发现怎么也不成功,绑定的对象鼠标都不变手型. 又换了jquery.zclip.min.js还是不行,真是怀疑最近几天没有休息好,于是去床上躺了一会回来仔细再研究下. 审查元素发现,…
参考:http://www.cnblogs.com/jfw10973/p/3921899.html https://github.com/zeroclipboard/zeroclipboard 近期该项目引入了Requirejs,结果发现在有富文本编辑器的页面都会在控制台报出如下异常: Uncaught ReferenceError: ZeroClipboard is not defined ueditor.all.min.js:265   经查看代码后发现 ueditor.../third-p…
ZeroClipboard 的官网 点这里,github地址 点这里. 事例如下: 在引入 ZeroClipboard.js 之后, <button id="clip_button" data-clipboard-target="fe_text">复制到剪贴板</button> fe_text 为文本的标签的 id // 定义一个新的复制对象 var clip = new ZeroClipboard( document.getElementB…