时间:2021-05-25
一、如果只考虑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插件需要用到以下三个文件:
这个插件需要浏览器的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]);});以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了js点击按钮复制文本到粘贴板的具体代码,供大家参考,具体内容如下准备:先去下载clipboard.js:官网移动端效果如下:应用:html+
电脑粘贴板指的是剪切板。粘贴板(ClipBoard)是内存中的一块区域,是Windows内置的一个非常有用的工具,是一个临时存放处,是看不见的。当你进行复制操作
以下所有操作都是在windows下面用putty连接linuxcentos6的情景下。一直很纳闷为什么在tmux模式下不能把复制到的文字放到系统的粘贴板里面呢?
复制粘贴应该算是日常办公的必备操作技能啦!当然,在CAD制图中也不例外,不知道小伙伴们有没有遇到过CAD无法复制到粘贴板的情况?这到底是什么原因呢?那么,CAD
最近做了一个前端项目,其中有需求:通过button直接把input或者textarea里的值复制到粘贴板里。下面小编把我实现思路及代码分享给大家,大家可以直接引