一、js代码
function CopyID(id){
const range = document.createRange(); //创建range对象
range.selectNode(document.getElementById(id)); //选取元素节点
const selection = window.getSelection(); //创建 selection对象
if(selection.rangeCount > 0) {
//返回选区(selection)中range对象数量的只读属性,注:在网页使用者点击一个加载完毕的新打开的页面之前,rangeCount的值是0。在使用者点击页面之后,rangeCount的值变为1,即使并没有可视的选区(selection)。使用者一般情况下在一次只能选择一个range ,所以通常情况下rangeCount属性的值总为1。脚本(如javascript)可以使选区包含多个range。
selection.removeAllRanges();
// Selection.removeAllRanges()方法会从当前selection对象中移除所有的range对象,取消所有的选择只 留下anchorNode 和focusNode属性并将其设置为null。
}
selection.addRange(range); //将range对象添加到selection选取当中
document.execCommand('copy'); //复制选中的文字到剪贴板
}
二、使用方法
<span id="copy" onClick="CopyID('copy')">点击复制</span>