jquery复制到剪切板 jquery 剪切板

如何使用jquery一键复制到剪切板

可以通过jquery的一个复制插件zclip来实现，因为它的兼容性非常好。

乌翠ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18982081108（备注：SSL证书合作）期待与您的合作！

出于安全问题，无法使用原生的 JS 或 jQuery 来操作粘贴板。除非使用浏览器扩展（需设置权限），或者使用Flash。某些浏览器允许在文本框内使用 document.execCommand(copy) 与 document.execCommand(paste) 来操作剪贴板。

实现点击按钮，复制文本框中的的内容。复制专题地址和 url 地址，传给 QQ/MSN 上的好友。直接复制 url。点击文本框时，复制文本框里面的内容。复制文本框或者隐藏域中的内容。

document.execCommand（）此方法就是实现剪贴板的关键，它可以传入 cut ， copy ， paste 三种参数。从最常用的 document.execCommand（copy）开始介绍。

利用一个不可见input，将要复制的文本写入value，再执行setSelectionRange选中，然后执行document.execCommand(copy)将value写入系统剪切板。

复制是一个使用频率特别高的操作，在网页中，一般可以选中要复制的内容，使用快捷键ctrl+c 将内容复制到剪贴板。

再将这个内容放入粘贴板，形成最终的粘贴内容。`document.createRange`得到是还没有放内容的片段，我们我们还会用到`Range.setStart()`设置Range的起点和`Range.setEnd()`设置Range的终点。

最靠谱的就是调用手机自带的长按复制功能，js去控制的话，浏览器兼容性不好。微信当然也会拦截的。

该插件并不依赖jquery。直接引入即可使用。使用方法：这里的.btn是元素的class属性，可以使用任意id或者class以及元素节点名称来实例化插件。默认会为元素绑定click事件，点击的时候会触发。

本文名称：jquery复制到剪切板 jquery 剪切板
分享路径：http://6mz.cn/article/dgjioge.html