1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > clipboard.js 实现内容复制到剪切板

clipboard.js 实现内容复制到剪切板

时间:2019-05-19 21:20:25

相关推荐

clipboard.js 实现内容复制到剪切板

版权声明:本文为博主原创文章,未经博主允许。

这里用的是第三方插件clipboard.js,实现效果如下:

点击复制链接的时候,可以将前面的链接复制下来,当复制成功时会打印‘内容已经复制到剪切板啦’。

html代码

<inputvalue="/"type="text"name="urlLink"id="copyContent"/><buttonid="copyBtn"data-clipboard-action="copy"data-clipboard-target="#copyContent"> 复制链接</button>

js代码

<script src="/clipboard.js/2.0.4/clipboard.js"></script><script>var clipboard = new ClipboardJS('#copyBtn');clipboard.on('success', function (e) {console.log('内容已经复制到剪切板啦');e.clearSelection();});clipboard.on('error', function (e) {console.error('无法复制', e.action);console.error('Trigger:', e.trigger);});</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。