新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

JS怎么实现点击复制链接功能,js点击li

发布时间:2023-08-02 09:29:16

JS怎样实现点击复制链接功能

在JavaScript中,可使用`document.execCommand('copy')`方法来实现点击复制链接功能。具体实现步骤以下:
1. 首先需要将要复制的链接文本保存到一个变量中,例如`var link = 'https://www.example.com'`。
2. 创建一个隐藏的`textarea`元素,将链接文本作为其值。
3. 将该`textarea`元素添加到文档中。
4. 使用`select()`方法选中`textarea`中的内容。
5. 使用`document.execCommand('copy')`方法履行复制操作。
6. 在复制完成后,将`textarea`元素从文档中移除。
下面是一个示例代码:
```javascript
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中,可以将该函数绑定到一个按钮的点击事件上,例如:
```html

```