JavaScript如何点击实现复制文字到剪切板呢?

 我来答
Khgdgdd
推荐于2019-10-01 · TA获得超过1.4万个赞
知道小有建树答主
回答量:112
采纳率:0%
帮助的人:3.5万
展开全部

可以使用clipboard插件解决这个问题。

github里直接搜索clipboard就可以找到了。

该插件并不依赖jquery。直接引入即可使用。

使用方法:

这里的.btn是元素的class属性,可以使用任意id或者class以及元素节点名称来实例化插件。

默认会为元素绑定click事件,点击的时候会触发。

data-clipboard-target参数指定被复制内容的元素。

如上例,点击按钮后会将input的值“被复制的内容”几个字复制到剪切板中。

更多使用方法可以自行github查询。

晓喋
2018-01-09 · TA获得超过2.1万个赞
知道大有可为答主
回答量:2536
采纳率:91%
帮助的人:1132万
展开全部

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查询。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式