js实现复制文本的功能

272 阅读1分钟

废话不说直接上代码!(不兼容IE678,safari 没有测)


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div  οnclick="copy(this)">99999999999</div>

<script>
function copy(box) {
    var selection = window.getSelection();
    var range = document.createRange();//创建一个选区
    range.selectNodeContents(box);
    selection.removeAllRanges();
    selection.addRange(range);//把当前div添加到选区,此时div会变蓝(选中状态)
    document.execCommand("copy");//这一步之后,div的innerHTML就放到剪贴板里面了,就可以粘贴了,不止可以在浏览器粘贴,在任何地方都可以。此方法的参数有好多种情况,可问度娘
    selection.removeAllRanges();//取消div的选中状态,免得看着那个地方蓝蓝的不好看
}

</script>
</body>
</html>