温馨提示×

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

js
小亿
826
2023-07-31 22:23:49
栏目: 编程语言

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

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

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

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

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

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

  6. 在复制完成后,将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>

1