摘要:JavaScript - TextArea 複製到 剪貼簿 use ZeroClipboard
複製內容至剪貼簿，我使用ZeroClipboard
https://github.com/jonrohan/ZeroClipboard
可從他的測試頁面下載他的ZIP，裡面有source code資料
http://jonrohan.github.io/ZeroClipboard/#demo
但會用到的大概只有他的
ZeroClipboard.js
ZeroClipboard.zwf
要用網頁http連server才能使用用檔案開啟html似乎無效用）
再建立main.js 檔，內容如下
// main.js
var clip = new ZeroClipboard( document.getElementById("copy-button"), {
moviePath: "ZeroClipboard.swf"
} );
clip.on('load', function (client) {
debugstr("Flash movie loaded and ready.");
});
clip.on('noflash', function (client) {
$(".demo-area").hide();
debugstr("Your browser has no flash.");
});
clip.on('complete', function (client, args) {
debugstr("Copied text to clipboard: " + args.text );
});
// jquery stuff (optional)
function debugstr(text) {
alert(text);
}接著建立example.html
<html>
<body>
<button id="copy-button" data-clipboard-target="fe_text" title="Click to copy me.">Copy to Clipboard</button>
<script src="ZeroClipboard.js"></script>
<script src="main.js"></script>
</br>
<textarea id="fe_text" cols="50" rows="3">Copy me!</textarea>
</body>
</html>在使用瀏覽器瀏覽該頁面
http://localhost/example.html
應該就可以測試複製至剪貼簿的功能