一键复制插件——clipboard.js

项目遇到需一键复制的功能,在网上找到这个插件并运用,js地址:http://lbgs.kb-robot.com/webpage/js/clipboard.min.js
复制span展示的内容,span内容为自动生成

HTML

<div>openID:<span id="openId"></span></div>
	<a id="copy" data-clipboard-target="#openId">一键复制</a>

JS

	$(function(){
		var copyBtn = new ClipboardJS('#copy');
		copyBtn.on("success",function(e){
            // 复制成功
            alert('复制成功,请前往粘贴。');
            e.clearSelection();
        });
		copyBtn.on("error",function(e){
            //复制失败;
			alert('复制失败');
            console.log( e.action )
        });
	})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章