Question

正如你可能从这个问题推测的那样，我对javascript并不是很好，并且我试图让clipboard.js（https://clipboardjs.com/）工作但不能。我按照说明将clipboard.min.js复制到scripts文件夹中，然后在我的html文件中引用它。然后我复制了他们的按钮（并修改了它有点像这样：

<button class="btn" id="test" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
    Copy to clipboard
</button>

在他们的设置说明中，他们这样说：

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

new Clipboard('.btn');

然后我做了一个像这样的事件监听器：

 $('#test').click(function() {
            var clipboard = new Clipboard('#test');
        });

但我不知道创建后我应该对剪贴板变量做些什么。或者我是否错过了我应该完全做的事情？

Answer 1

我认为你必须使用它的方式只是在加载DOM后进行实例化：

$(function() {
    new Clipboard('#test');
});

这会将按钮（带id="test"）转换为剪贴板复制按钮。按下它会将data-clipboard-text的值放在剪贴板上。

您甚至不需要存储此实例，除非您希望稍后在代码中与该按钮进行交互。

Answer 2

new clipboardJS(“.btn”);

检查您在哪里初始化剪贴板功能。它应该是新的剪贴板而不是新的剪贴板

如何使用clipboard.js

2 个答案: