🌑

Hi Folks.

[ 复制粘贴插件(兼容) 网评较好 ]

网搜复制粘贴这个功能貌似兼容不好, 最后采用了评分较高的插件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

— Oct 5, 2017