您的当前位置:首页正文

[FE]Js中复制到剪切板

2024-12-18 来源:华佗小知识

准备工作 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>

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

热门图文