JS代码实现复制功能(2)

一、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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容