HTML中简单制作点击某文字直接复制内容js
原理:
创建一个唯一的隐藏的可复制的元素,然后调用window.getSelection()获取选中内容,再使用document.execCommand("copy")执行copy
HTML部分
这里写可复制内容,也可以套用到按钮等
调用JS部分
function copyAble(element) {
var id = 'copy-able-el'
var scrollTop = document.documentElement.scrollTop;
var copyElement = document.getElementById(id);
copyElement|| (copyElement= document.createElement("textarea"),
copyElement.style.position = "absolute",
copyElement.style.left = "-9999px",
copyElement.style.top = scrollTop + "px",
copyElement.id = id,
document.body.appendChild(copyElement)),
copyElement.textContent = element.innerText;
element = id;
if (element = "string" == typeof element ? document.