网搜复制粘贴这个功能貌似兼容不好, 最后采用了评分较高的插件clipboard
注意: 官方提供的API说明 只能在button 或者 input 之间使用 其他标签有不兼容情况,可能是版本问题吧 我用的时候采用过a标签 没有问题 ,其他有兴趣的朋友可以测试下
<button class="btn" data-clipboard-text="">share</button>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="clipboard.min.js"></script>
<script language="javascript">
var reg = window.location.href.replace(/,/g, "");
$(".btn").attr("data-clipboard-text",reg);
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
e.clearSelection();
});
clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
</script>
官方提供的CDN加速 clipboard.min.js
BootstrapCDN加速 clipboard.min.js
Javascript — Oct 5, 2017
Made with ❤ and at Earth.