JavaScript如何点击实现复制文字到剪切板呢?
发布网友
发布时间：2022-04-23 03:56
共2个回答
热心网友
时间：2022-04-11 20:16
可以使用clipboard插件解决这个问题。
github里直接搜索clipboard就可以找到了。
该插件并不依赖jquery。直接引入即可使用。
使用方法：
这里的.btn是元素的class属性，可以使用任意id或者class以及元素节点名称来实例化插件。
默认会为元素绑定click事件，点击的时候会触发。
data-clipboard-target参数指定被复制内容的元素。
如上例，点击按钮后会将input的值“被复制的内容”几个字复制到剪切板中。
更多使用方法可以自行github查询。
热心网友
时间：2022-04-11 21:34
1、新学习JavaScript，就碰到这么一个需求，几乎网上的方法都试过了。写出了总结下使用的方法：clipboard插件下载地址：https://github.com/zenorocha/clipboard.js/tree/master。
2、引入插件：目录\clipboard.js-master\dist\clipboard.min.js。目录中有各种demo，分别实现了固定的文字复制，input的复制等等，可以看下找找思路；下边来记录下使用的方式：一：引入插件：<script src="js/clipboard.min.js" type="text/javascript"></script>。二：给标签添加属性：data-clipboard-text， <div id="btn" data-clipboard-text="1"> <span>Copy</span> </div> 三：定义script ：实现复制功能---（写的内部的script，外部的总是报错，找不到类，新手不大懂，以后再补充）<script> var clipboard = new Clipboard('btn');clipboard.on('success；nction(e) {e.clearSelection();//复制成功});clipboard.on('error', function(e) 。
3、该插件并不依赖jquery。直接引入即可使用。使用方法：<input id="foo" value="被复制的内容">，<button class="btn" data-clipboard-target="#foo">点击复制</button>new Clipboard('.btn');这里的.btn是元素的class属性，可以使用任意id或者class以及元素节点名称来实例化插件。默认会为元素绑定click事件，点击的时候会触发。data-clipboard-target参数指定被复制内容的元素。如上例，点击按钮后会将input的值“被复制的内容”几个字复制到剪切板中。更多使用方法可以自行github查询。
