js实现复制文本的功能

最新推荐文章于 2025-03-14 21:06:58 发布

mal6a

最新推荐文章于 2025-03-14 21:06:58 发布

阅读量416

点赞数

分类专栏：个人心得

本文链接：https://blog.youkuaiyun.com/mal6a/article/details/78978944

版权

个人心得专栏收录该内容

6 篇文章

订阅专栏

本文提供了一段JavaScript代码，展示了如何实现点击元素后复制其内容的功能。代码适用于现代浏览器，但不兼容IE6、7、8。点击后，选中的文本会被复制到剪贴板，可在任何地方粘贴。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

废话不说直接上代码！（不兼容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的选中状态，免得看着那个地方蓝蓝的不好看
}