js复制功能的实现

2019-09-29  本文已影响0人  lvyweb

1, html页面需要引入 clipboard.min.js
2, 给要复制的内容的dom元素添加属性
例如:

<p class="caseImgP">
    <span class="span-Elide copy-txt text-ellipsis"  id="foo1">新建案件测试1111</span>
    <span class="rightSpan underlineSpan copy" data-clipboard-target="#foo1">复制</span>
</p>

意思是点击“复制”这俩字会复制“新建案件测试1111”这几个字 其中id=“foo1”和data-clipboard-target="#foo1"相对应

3,初始化这个复制事件

var clipboard = new ClipboardJS('#subCaseList li .caseImgRec .caseImg .caseImgDown .copy');
clipboard.on('success', function (e) {
console.log(e);
});
clipboard.on('error', function (e) {
console.log(e);
});

更多API,详见官网http://www.clipboardjs.cn/

上一篇 下一篇

猜你喜欢

热点阅读