js点击复制内容
时间: 2023-08-14 17:04:09 浏览: 107
js实现点击复制指定内容
您可以使用以下 JavaScript 代码实现点击复制内容的功能:
```javascript
function copyText() {
var textToCopy = document.getElementById("text-to-copy").innerText; // 获取需要复制的文本内容
var tempInput = document.createElement("input"); // 创建一个临时输入框
tempInput.value = textToCopy; // 将需要复制的文本内容赋值给临时输入框
document.body.appendChild(tempInput); // 将临时输入框添加到页面中
tempInput.select(); // 选中临时输入框中的文本内容
document.execCommand("copy"); // 复制选中的文本内容
document.body.removeChild(tempInput); // 将临时输入框从页面中移除
}
```
其中,`text-to-copy` 是需要复制的文本内容所在的元素的 ID,您需要将其替换为实际的 ID。另外,您需要在页面中添加一个按钮,并在按钮上绑定 `copyText` 函数,如下所示:
```html
<button onclick="copyText()">复制文本</button>
```
这样,当用户点击按钮时,页面上的文本内容就会被复制到剪贴板中。
阅读全文