欢迎来到电脑知识网
希望你能够在这里获取到你想要了解的知识

JS复制到剪切板

2020-07-23 20:25:07


因为原生的方法需要关心兼容性的问题,为了省事我这里在网上找了一个js插件,名字叫做 clipboard.js 下面一个小示例演示一下他的用法:

let clipboard=new ClipboardJS(".btn");

按照官方说明在上面new了一个clipboardjs的对象.

                    <textarea id="bar" style="width:0;height:0;">copy data!</textarea>
                    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar">
                        复制到剪切板
                    </button>

上面的textarea是在模拟一个变量,数据不想让其他人看到,所以这里将他的宽和高全部设置为0,官方的示例上 data-clipboard-action 是用的cut,那样数据会被剪切走,再次点击按钮会失效,我将他改为了copy..