前端复制、剪切内容到黏贴板
文档网址:https://clipboardjs.com/
基本使用方法:
1.引入clipboard.min.js文件
2.选择一个可以确定被拷贝元素的选择器,本例中使用用的是基本的标签选择器<div>,当然也可以使用id选择器 class选择器等等
3.定义一个button按钮,注意按钮的属性:
data-clipboard-action="copy" data-clipboard-target="div"
其中data-clipboard-action可选copy或cut,默认copy,data-clipboard-target属性就是第二步你定义的选择器:标签、class、id
4.书写js,建立clipboard对象以及复制后执行的方法
说明:第三步可以不指定copy内容,可以在js创建clipboard对象时指定复制文本。
简单使用如下:
var clipboard = new Clipboard('.btn');