使用剪贴板.js时，数据剪贴板文本不起作用

Question

我有一个简单的结构可以测试clipboard.js但无法正常工作。

我使用了一个简单的文件，因为它在项目中也不起作用：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <button class="btn" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
    Copy to clipboard
</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>
</body>
</html>

Answer 1

您需要通过传递DOM选择器，HTML元素或HTML元素列表来实例化它。

new ClipboardJS('.btn');

https://clipboardjs.com/#setup

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button class="btn" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js"> Copy to clipboard </button> <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script> <script> new ClipboardJS('.btn'); </script> </body> </html>

使用剪贴板.js时，数据剪贴板文本不起作用

问题描述

1 个解决方案

解决方案1
0 已采纳 2019-08-21 05:29:50

使用剪贴板.js时，数据剪贴板文本不起作用

问题描述

1 个解决方案

解决方案1 0 已采纳 2019-08-21 05:29:50

解决方案1
0 已采纳 2019-08-21 05:29:50