在网上找了很多内容,大多使用的是ZeroClipboard,
ZeroClipboard官方地址: http://zeroclipboard.org/
下面是简单的示例,使用了ZeroClipboard1.3.5版本
<!--首选在html中加入元素--> <input id="link" type="text" value="Copy me!" /> <input type="button" data-clipboard-target="link" value="复制" id="copyBtn"/>
data-clipboard-target 值为所需要复制内容的元素ID
<script type="text/javascript" src="ZeroClipboard.min.js"></script> //下面js需放在元素后面,原因不解释 <script type="text/javascript"> window.ZeroClipboard.setDefaults({ moviePath: "ZeroClipboard.swf" }); //创建ZeroClipboard对象,并绑定指定事件元素 var clip = new ZeroClipboard( document.getElementById("copyBtn")); clip.on("load", function (client) { alert('加载flash组件'); }); // 复制内容到剪贴板成功后的操作 clip.on( 'complete', function(client, args) { alert("复制成功"); } ); clip.on("noFlash", function (client) { alert("Your browser has no Flash."); }); </script>
相关推荐
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要...
通过flash实现的复制代码到剪切板,兼容多种浏览器ie,firefox,opera,chorme
兼容各浏览器的JS点击复制2018年
众所周知,js在不同浏览器上解析不太一样,导致很多兼容性问题。 但as只有一个,对浏览器...所以想用js写兼容所有浏览器的点击复制绕道吧。 这个demo运行的时候一定要发布到web容器中运行,如部署在tomcat或apache下。
html中js点击一键复制功能,兼容各大浏览器,用了class,调用简单,一个页面可以有多个地方调用
Zero Clipboard、jQuery ZeroClipboard实现兼容所以浏览器的复制到剪贴板功能(由于用到flash支持,需要兼容的flash10及以下版本); 浏览demo时记得使用服务器环境,不然看不到效果的~ 搭建服务器环境的,方法有很多...
ZeroClipboard 元素内容复制-兼容各浏览器,简单易用,拿去直接即可使用,节省大家时间。 注:直接使用静态页面,不会有任何效果,需要放置在容器中,如:tomcat
JS、Flash 实现复制功能 (浏览器兼容)
IE浏览器下是将内容复制到Excel,需用户手动保存Excel文档 非IE浏览器可直接导出Excel文件
主要介绍了JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
主要介绍了兼容所有浏览器的js复制插件Zero的使用,需要的朋友可以参考下
jquery+flash实现点击复制到剪切板。 1. 加载jQuery和zClip,地址请根据各自的存放地址做相应修改 2.js实现点击复制的代码(注:请上传到服务器上测试)
因此兼容性没得说了,现在用不上的话,先收藏一下吧。 JavaScript 复制功能代码,兼容多浏览器 贴图地址: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
一键复制实例。
因为网站文章需要提供几个按钮,单击后实现复制文章内容到剪贴板。 在网上搜索了很多内容,发现都比较乱这里自己整理下,分享给大家 效果图如下: 之前使用的是window.clipboardData.setData,只能支持IE和火狐。...
js 复制网页内容的方法代码有很多不过要兼容各浏览器就不多了,下面有个不错的方法,大家可以尝试操作下
这是一个可以兼容各浏览器的复制到剪贴板功能的实例,js+flash实现,实例要在服务器下运行才可实现功能,看到效果。
js前端复制+粘贴。亲测ie6+向上兼容,google等各大浏览器都兼容,代码简单