jquery 点击按钮复制文本内容的功能函数

最新推荐文章于 2024-10-28 14:26:55 发布

原创最新推荐文章于 2024-10-28 14:26:55 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

前端-实战开发手册专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于一键复制当前网页的URL到剪贴板。通过创建一个隐藏的输入框并使用document.execCommand('Copy')命令实现复制功能。

 $("#copy_url").click(function () {
                var url=window.location.href;
                copyText(url);
            });
            function copyText(text) {
                var oInput = document.createElement('input');
                oInput.value = text;
                document.body.appendChild(oInput);
                oInput.select(); // 选择对象
                document.execCommand("Copy"); // 执行浏览器复制命令
                oInput.className = 'oInput';
                oInput.style.display='none';
                alert('复制成功')
            }