如何使用clipboard.js

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放在剪贴板上.

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