1. 程式人生 > >點選複製按鈕將指定id內容複製到剪貼簿

點選複製按鈕將指定id內容複製到剪貼簿

描述:實現如圖效果

解決:

<div class="zbdh_xiaoyi yqjl_coin">
						<h4>您的專邀屬請碼</h4>
						<p class="yqjl_zsyqm clearfix">
							<span id="content" class="yqjl_zsspanone fl">#(User.refereeCode)</span>
							<span id="copyBtn" class="yqjl_zsspantwo fr">點選複製</span>
						</p>
					</div>


<script type="text/javascript" src="#(BASE_PATH)/static/plugins/zeroclipboard/ZeroClipboard.js"></script>
<script type="text/javascript" src="#(BASE_PATH)/static/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript"> 
$(function(){
	init();
});
function init() {
	ZeroClipboard.setMoviePath( '#(BASE_PATH)/static/plugins/zeroclipboard/ZeroClipboard.swf' );//Flash 檔案路徑
	var clip = new ZeroClipboard.Client(); // 新建一個物件
	clip.setHandCursor( true );
	clip.setText(document.getElementById("content").innerHTML);  // 設定要複製的文字。
	clip.addEventListener( "mouseUp", function(client) {
		Kit.alert("邀請碼複製成功!");
	});
	// 註冊一個 button,引數為 id。點選這個 button 就會複製。
	//這個 button 不一定要求是一個 input 按鈕,也可以是其他 DOM 元素。
	clip.glue("copyBtn"); // 和上一句位置不可調換
}
</script>