1. 程式人生 > >JS實現複製功能,相容各大主流瀏覽器複製神器 ZeroClipboard

JS實現複製功能,相容各大主流瀏覽器複製神器 ZeroClipboard

以下是完整版程式碼:

<!DOCTYPE html>
<html>
<head>
<title>Zero Clipboard 測試</title>
<meta charset="utf-8">
<script type="text/javascript" src="ZeroClipboard.js"></script>
</head>
<body>
<p id="wenben">你要複製的文字</p>
<button id='anniu' class='my_clip_button' data-clipboard-target='wenben'>點選複製</button>
</body>
</html>
<script type="text/javascript">
	<!--注意:這裡new的時候,需要寫按鈕的ID,不能帶引號哦!-->
	var clip = new ZeroClipboard( anniu, {
	  moviePath: "ZeroClipboard.swf"
	} );
	clip.on( 'complete', function(client, args) {   
	   alert("複製成功,複製內容為:"+ args.text);
	} );
</script>

好了,需要的夥伴們,可以複製一下去測試了哦!測試的時候要在伺服器環境下。

ZeroClipboard 走的是flash,所以在手機上是不支援的哦!

所需檔案下載地址:http://pan.baidu.com/s/1c2q38UO 密碼:u1yk