JavaScript利用节点实现按钮复制图片
时间: 2023-12-06 18:04:29 浏览: 147
JavaScript 实现复制内容
你可以使用以下JavaScript代码来实现按钮复制图片:
```javascript
// 获取图片节点
var image = document.getElementById("myImage");
// 创建复制按钮
var copyBtn = document.createElement("button");
copyBtn.innerHTML = "复制图片";
// 添加按钮到页面
document.body.appendChild(copyBtn);
// 复制图片到剪贴板
copyBtn.addEventListener("click", function() {
// 创建临时元素
var temp = document.createElement("input");
temp.setAttribute("value", image.src);
document.body.appendChild(temp);
// 选中临时元素
temp.select();
// 复制到剪贴板
document.execCommand("copy");
// 移除临时元素
document.body.removeChild(temp);
});
```
这段代码将创建一个按钮,当点击按钮时,它将复制图片地址到剪贴板。请替换代码中的`"myImage"`为你自己的图片的id。
阅读全文