一、如果只考虑IE浏览器,可以直接用原声js实现(兼容IE、谷歌、火狐等浏览器)
if(window.clipboardData){ //清空操作系统粘贴板 window.clipboardData.clearData(); //将需要复制的内容复制到操作系统粘贴板 window.clipboardData.setData("Text", "要复制的内容"); }
二、如果是其他浏览器,上面的办法行不通,其他浏览器出于安全的考虑禁止js访问操作系统粘贴板。
这里需要用到插件,网上流行的插件有两种,一种是ZeroClipboard.js,一种是clipboard.js。
插件下载地址:https://zenorocha.github.io
1.用ZeroClipboard.js插件需要用到以下三个文件:
- ZeroClipboard.js
- ZeroClipboard.min.js
- ZeroClipboard.swf
这个插件需要浏览器的flash控件支持,复制时先把内容复制到flash里面,再利用flash将内容复制到
操作系统。flash控件又被淘汰的可能,有些浏览器上兼容得也不太好,所以这个插件不太好用。
2.用clipboard.js插件需要用到以下一个文件:
clipboard.min.js
执行复制功能的html标签上需要加上一个属性和一个样式,属性data-clipboard-text的值表示要复制的内容,
样式js-copy表示该标签被绑定上点击复制的功能,在点击该标签时触发复制功能。
该插件兼容IE、谷歌、火狐等浏览器。
js示例代码如下:
$("span").each(function(index,element){if(element.innerHTML=="复制")new Clipboard($(element).parent().attr("data-clipboard-text",Ext.fly(html).dom.innerText).addClass("js-copy")[0]);});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
标签:
js,复制内容,粘贴板
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“基于js实现复制内容到操作系统粘贴板过程解析”评论...
更新动态
2024年05月15日
2024年05月15日
- 松田聖子SeikoMatsuda《SEIKOJAZZ1》2017[WAV]
- 玩家发现《剑星》独特动画:出现概率极低!
- 消息称百度董事长李彦宏亲自开除璩静:对其非常生气
- 《纸片马里奥RPG重置版》新预告公开 5月23日发售
- 翁立友.2010-男性的坚持经典集【豪记】【WAV+CUE】
- 常宽.1994-宽【华星】【WAV+CUE】
- 草蜢.1998-快慢精选30首2CD【宝丽金】【WAV+CUE】
- 韩红/陈萨《沉默的光影》[FLAC/分轨][105.37MB]
- 群星《华纳至尊金曲》2CD[FLAC][865M]
- 周杰伦《JAY》[WAV分轨][624M]
- dnf110装备搭配
- 崩坏星穹铁道2.2美梦往事活动攻略大全 钟表小子美梦往事全流程选择
- 崩坏星穹铁道2.2新增钟表把戏任务怎么过 崩铁2.2梦境迷钟解密方法
- 刘思涵.2013-拥抱你【种子音乐】【WAV+CUE】
- 刘容嘉.2014-我的自卑感【亚神音乐】【WAV+CUE】