## 剪贴板 剪贴板的功能是复制元素的内容到系统的剪贴板中。 [参考文档](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/)