## 剪貼板 剪貼板的功能是復制元素的內容到系統的剪貼板中。 [參考文檔](https://clipboardjs.com/) [TOC] ## 基本使用 ``` <input id="foo" value="https://github.com/zenorocha/clipboard.js.git" class="form-control"> <button class="btn btn-default" data-clipboard-target="#foo">復制</button> <script> require(['hdjs'], function (hdjs) { var clipboard = hdjs.clipboard('.btn', {},function (e) { console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); hdjs.notify('復制成功'); e.clearSelection(); }) }) </script> ``` ## 復制元素文本 ``` <a href="javascript:;" class="copy" data-clipboard-text="我是復制的內容">點我復制</a> <script> require(['hdjs'], function (hdjs) { hdjs.clipboard('.copy',{},function(e){ hdjs.notify('復制成功'); e.clearSelection(); }) }); </script> ``` ## 指定復制內容 ``` <input name="content" value="后盾人 人人做后盾" class="form-control"> <button class="btn btn-default hdphp">復制內容</button> <script> require(['hdjs'], function (hdjs) { var clipboard = hdjs.clipboard('.hdphp', { text: function (trigger) { return $("[name='content']").val(); } }, function (e) { console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); hdjs.notify('復制成功'); e.clearSelection(); }) }) </script> ``` > 其他具體使用請閱讀 [參考文檔](https://clipboardjs.com/)