Clipboard粘贴器 该插件默认未引入框架，需手动引入

本节主要介绍粘贴插件 - Clipboard, 插件地址：https://github.com/zenorocha/clipboard.js

引入

            <script src="BJUI/plugins/clipboard/clipboard.min.js"></script>
        

初始化

• Data属性：点击元素添加属性data-toggle="clipboard"即可触发，设置data-target属性指定复制元素内容
  
  粘贴
  
  

  示例代码：

                      <input type="text" value="这里是粘贴内容！" id="foo">
                      <button b-shadow type="button" class="btn btn-info" data-toggle="clipboard" data-target="#foo"></button>
                  

• 设置data-text属性指定复制文本
  
  粘贴
  
  

  示例代码：

                      <button b-shadow type="button" class="btn btn-info" data-toggle="clipboard" data-text="这是text属性粘贴内容"></button>
                  

若无特殊需要，请使用data-toggle="clipboard"实例化插件，该实例化方法绑定了调用元素的navtab/dialog,避免了不同页面的id冲突