clipboard使用和报错解决

1.clipboard简介

clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。

2.下载地址

clipboard官网

3.使用

(1)第一步:引入js文件:

(2)复制:


    ${invitationCode }
    
复制邀请码

4.使用小结

clipboard有复制和剪切两种动作:

(1)data-clipboard-action="copy":复制;

(2)data-clipboard-action="cut":剪切;

关于data-clipboard-target="#invitation_code":

data-clipboard-target="复制内容所在标签";

5.出错解决

大部分博文实例化是这样的:

var clipboard = new Clipboard('.btn');

但是我下载的版本,实例化方法是:

var clipboard = new ClipboardJS('.btn');

一开始使用的是前面的实例化方法,报错了,后来点开官网下载的压缩包,看样例,看到初始化方法名是ClipboardJS而不是Clipboard:

clipboard使用和报错解决_第1张图片

你可能感兴趣的:(javaweb)