点击粘贴复制文本

Share

点击复制，可以复制选取的文本内容，并在手机的任何地方粘贴
这里是通过clipboard插件来实现的

插件地址：https://github.com/Velg03961485/copy

使用方式：

1
2
3
<td class="" style="line-height: 1.54rem"  >
                        <span class="copy" id="btn" data-clipboard-text="18667034901">复制</span>
                    </td>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//    粘贴复制事件
                        var copy = document.getElementsByClassName('copy');
                        var clipboard = new ClipboardJS(copy);

                        clipboard.on('success', function(e) {
                            console.log(e);
                            console.log(e.text);
                            layer.msg("复制成功");

                        });

                        clipboard.on('error', function(e) {
                            console.log(e);
                        });

介绍:
data-clipboard-text 是粘贴复制文本的传入值（你自己想复制的内容）
应该是动态生成的，你可以选着填入标签本身的内容，点击就是复制本身了

原生监听事件

clipboard 监听触发事件，是否成功