【点击复制代码 兼容】浏览器兼容的点击复制到剪贴板
作者: 郑晓 分类: 建站经验 发布于: 2012-07-01 08:54 浏览：12,294 评论(2)
今天给博客的代码高亮下面加了一个小按钮–点击复制到剪贴板，不华不实的小功能…仅供娱乐~对各浏览器的兼容还算比较好~下面就来肢解一下相关代码：
1.首先是要复制的目标容器，在本博客中我借助的是codecolorer代码高亮插件的DIV，也可以根据自己的实际需要来使用别的，一样~只要给它一个ID,例如：
好长啊好长啊….自己去看着精简吧….
3.然后，加上核心JS函数，如下： var clipboardswfdata; var setcopy_gettext = function(){ clipboardswfdata = document.all.copycode.innerText; window.document.clipboardswf.SetVariable(“str”, clipboardswfdata); } var floatwin = function(){ alert(“复制成功！” ); } 4.大工告成，赶紧试试吧！当然，您也可以给它加一个样式,如本博所用的：
.clipinner {position:relative;} .clipboardswf {position:absolute; left:0; top:0;}
好吧，一个小小的点击复制到剪贴板功能也不过如此吧？主要是要考虑到它的多浏览器兼容。
你还可以看看这篇文章：兼容各浏览器的复制到剪切板插件ZeroClipboard
本文采用知识共享署名-非商业性使用 3.0 中国大陆许可协议进行许可，转载时请注明出处及相应链接。
本文永久链接: https://www.zh30.com/click-to-copy-code-to-clipboard-browser-compatibility.html
【点击复制代码 兼容】浏览器兼容的点击复制到剪贴板：目前有2 条留言
为什么我的不行呢？
可以再看看我刚发的一篇文章介绍的ZeroClipboard插件，也很好用。