【已测】接着昨天关于网页一键复制功能代码的更新

昨天发布一篇关于网页一键复制弹出提示窗口后几秒后自动关闭提示js代码,结果今天朋友用的时候发现只能用在一段文字内容上复制,如果是循环列表的那种内容就没办法每一条都能单独复制,到网上找了一段代码完全可用,我现在把代码贴出来,要用到一个开源的js

clipboard.js 是一个 Github 上的开源项目,可以实现纯 JavaScript 的浏览器内容复制到系统剪贴板的功能。

clipboard.js下载链接: https://pan.baidu.com/s/1v_tWgZTtzqYjqhaG_F7MKw 提取码: ag45 复制这段内容后打开百度网盘手机App,操作更方便哦

以下代码

网页哪里需要一键复制功能就使用这段

<button class="itemCopy red_tkl button_tkl" id="TKLS"  type="button" data-clipboard-text="需要复制的内容">一键复制</button>

其中data-clipboard-text="需要复制的内容"  这里的需要复制的内容可以是变量标签,比如可以使用织梦的标题标签,内容标签等等

<button class="itemCopy red_tkl button_tkl" id="TKLS"  type="button" data-clipboard-text="需要复制的内容">一键复制</button>

<script src="http://www.520ym.net/clipboard.min.js" type="text/javascript"></script><!-- 这个js文件,上面有下载链接,替换这里的引用地址-->

<script>

var clipboard = new Clipboard('.itemCopy');

clipboard.on('success',

function(e) {

    if (e.trigger.disabled == false || e.trigger.disabled == undefined) {

        e.trigger.innerHTML = "复制成功";

        e.trigger.disabled = true;

        setTimeout(function() {

      e.trigger.innerHTML = "一键复制";

            e.trigger.disabled = false;

        },

        2000);

    }

});

clipboard.on('error',

function(e) {

    e.trigger.innerHTML = "复制失败";

});

</script>


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容