在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>