zeroclipboard下載 - zeroclipboard源代碼下載

zeroclipboard

FLASH源碼

v2.3.0

下載

警告！

該庫不再維護，因為它不再需要現代網絡開發。如果您希望前端JavaScript操縱剪貼板，請查看新的HTML剪貼板API（MDN上的各種文檔），或像剪貼板。感謝您的所有支持，這個項目多年來一直是愛的勞動。

筆記：

該master分支包含Zeroclipboard的v2.x代碼庫！對於v1.x代碼庫，請參閱1.x-master分支。

Zeroclipboard

Zeroclipboard庫提供了一種簡單的方法，可以使用隱形Adobe Flash電影和JavaScript接口將文本複製到剪貼板。 “零”表示庫是看不見的，並且用戶界面完全由您決定。

這是通過將無形電影自動浮在您選擇的DOM元素之上來實現的。標準的鼠標事件甚至可以傳播到您的DOM元素，因此您仍然可以具有翻車和鼠標效果。

建議歡迎閱讀貢獻指南。

設定

要設置本地開發項目的項目，從您的終端中的這些命令開始。

$ git clone https://github.com/zeroclipboard/zeroclipboard.git
$ cd zeroclipboard/
$ npm install -g grunt-cli
$ npm install
$ grunt

發展

在提交拉動請求之前，您需要驗證，構建和測試代碼。在終端中運行默認的grunt任務。

$ grunt

測試

如果您只想運行測試，請進行GRUNT測試。

$ grunt test

限制

需要用戶互動

由於瀏覽器和Flash安全性限制，只有在用戶單擊“無形閃存電影”時，才會發生此剪貼板注入。 JavaScript的模擬click事件將不夠，因為這將使剪貼板中毒。

其他限制

有關限制的完整列表，請參見文檔/指令。 md＃限制。

在該頁面上，您還將發現默認情況下的Zeroclipboard在JSFIDDLE，JSBIN和CODEPEN等代碼遊樂場站點上不起作用的解釋，以及在這些站點上使用的適當的“視圖” URL以允許Zeroclipboard上班。

簡單示例

 < html >
  < body >
    < button id =" copy-button " data-clipboard-text =" Copy Me! " title =" Click to copy me. " > Copy to Clipboard </ button >
    < script src =" ZeroClipboard.js " > </ script >
    < script src =" main.js " > </ script >
  </ body >
</ html >

 // main.js
var client = new ZeroClipboard ( document . getElementById ( "copy-button" ) ) ;

client . on ( "ready" , function ( readyEvent ) {
  // alert( "ZeroClipboard SWF is ready!" );

  client . on ( "aftercopy" , function ( event ) {
    // `this` === `client`
    // `event.target` === the element that was clicked
    event . target . style . display = "none" ;
    alert ( "Copied text to clipboard: " + event . data [ "text/plain" ] ) ;
  } ) ;
} ) ;