js点击复制

最新推荐文章于 2024-02-03 11:06:24 发布

置顶伴梦123

最新推荐文章于 2024-02-03 11:06:24 发布

阅读量118

点赞数

本文链接：https://blog.csdn.net/weixin_46124693/article/details/121020232

版权

javascript 前端开发语言

需要实现点击复制旁边的url

在这里插入图片描述

1.绑定事件

<a class="url" style="margin-right:10px" href="javascript:void(0);">http://fu.zhaoio.com/mobile/group/detail/id/${value}.html</a>  <button class="btnfz" id="${value}">复制</button>

2.写函数

   $(document).on("click", ".btnfz", function () {
                // 创建元素用于复制
                var aux = document.createElement("input");
                // 获取要复制的元素
                var box = document.getelementById("box")
                // 获取复制内容
                var content = box.innerHTML 
                // 设置元素内容
                aux.setAttribute("value", content);
                // 将元素插入页面进行调用
                document.body.appendChild(aux);
                // 复制内容
                aux.select();
                // 将内容复制到剪贴板
                document.execCommand("copy");
                // 删除创建元素
                document.body.removeChild(aux);

                // alert('复制成功！')
            });