版权声明:本文为博主原创文章,未经博主允许。
这里用的是第三方插件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>