js 实现复制可点击的超链接到剪切板

关注

原创最新推荐文章于 2026-09-04 11:49:59 发布 887 阅读 AI 写同款· GEO 优化 ›

很好用的js拷贝网页超链接如果想把自己网页中的超链接进行复制，然后转发给别人，只要您点点鼠标即可(^_^)！注：如果你在本地运行，会报“SecurityError: Error #2060: 安全沙箱冲突:ExternalInterfac...”错误，放到你的web项目里则不会了. 立即下载

- 只复制文本：
- 复制带超链接的信息：

只复制文本：

function copy() {
    let body = document.querySelector('body');
    let input = document.createElement('textarea');
    input.value = '11111\n22222\n33333';
    body.appendChild(input);
    input.select();
    document.execCommand('Copy');
    alert('复制成功');
    body.removeChild(input);
}

在这里插入图片描述

复制带超链接的信息：

安装clipboard插件

npm i clipboard -S

import Clipboard from 'clipboard'

let body = document.querySelector('body');
let div = document.createElement('div');
let button = document.createElement('button');
div.style.backgroundColor = '#fff';
div.innerHTML = `<a href="www.baidu.com">百度一下</a>
            <div>11111<br\>22222<br\>33333</div>`;
body.appendChild(div);
body.appendChild(button);
let myClipboard = new Clipboard(button, {
    target: () => div
});
myClipboard.on('success', () => {
    alert('复制成功');
    body.removeChild(div);
    body.removeChild(button);
});
button.click();