您好,欢迎来到化拓教育网。
搜索
您的当前位置:首页[FE]Js中复制到剪切板

[FE]Js中复制到剪切板

来源:化拓教育网

准备工作 js修复:

如果用jquery,那么则需要在clipBoard的定义下面加上:

// mydefine
$.Clipboard = Clipboard;

在 var Clipboard = function (_Emitter) 的定义后面加上的,

不然会报错

会报错Clipboard is not defined的问题。

使用:

<!DOCTYPE html> <head> 
 <meta charset="UTF-8"> 
 <title>clipboard示例</title> 
 <script src="clipboard.min.js"> </script> 
 </head> 

 <body> <!--data-clipboard-text属性的值将会被复制--> <div id="btn" class="js-copy" data-clipboard-text="我是被复制的内容啊"> <span>点击复制</span> </div> 

 <script> 
var btn = document.getElementById('btn'); var clipboard = new Clipboard(btn);//实例化
//复制成功执行的回调,可选
clipboard.on('success', function(e) { console.log(e); });
//复制失败执行的回调,可选
clipboard.on('error', function(e) { console.log(e); });
 </script> 

 </body> 
 </html>

Copyright © 2019- huatuo9.cn 版权所有 赣ICP备2023008801号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务