JS如何实现点击复制链接功能

在JavaScript中,可以使用document.execCommand('copy')方法来实现点击复制链接功能。具体实现步骤如下:

首先需要将要复制的链接文本保存到一个变量中,例如var link = 'https://www.example.com'

创建一个隐藏的textarea元素,将链接文本作为其值。

将该textarea元素添加到文档中。

使用select()方法选中textarea中的内容。

使用document.execCommand('copy')方法执行复制操作。

在复制完成后,将textarea元素从文档中移除。

下面是一个示例代码:

function copyLink() {
var link = 'https://www.example.com';
var textarea = document.createElement('textarea');
textarea.value = link;
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
alert('链接已复制到剪贴板!');
}

在HTML中,可以将该函数绑定到一个按钮的点击事件上,例如:

<button onclick="copyLink()">复制链接</button>
阅读剩余
THE END