前端开发-文本拷贝插件

clipboard.js是一款强大且实用的文本拷贝插件,目前github的stars量30K以上

一、安装

1、通过npm工具安装

npm install clipboard --save

2、html文件直接导入

github搜索clipboard直接下载源码文件包

<script src="js/clipboard.min.js"></script>

二、使用

1、点击按钮拷贝文本框的内容

前端开发-文本拷贝插件

前端开发-文本拷贝插件

2、点击按钮剪切文本框的内容

在按钮上增加属性data-clipboard-action="cut",点击后就会剪切对应目标输入框的内容

前端开发-文本拷贝插件

3、复制按钮自身属性上的文本

前端开发-文本拷贝插件

4、事件监听

前端开发-文本拷贝插件

5、js动态设置文本

前端开发-文本拷贝插件

您可能还会对下面的文章感兴趣: