js一键复制

最新推荐文章于 2024-08-16 15:55:37 发布

红门杜小康

最新推荐文章于 2024-08-16 15:55:37 发布

阅读量192

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/HM_DXK/article/details/89213616

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的HTML元素内容复制方法。通过获取指定ID的div元素内部文本，将其创建为input元素并触发复制命令，完成文本内容的复制。此方法适用于网页上特定元素内容的快速复制。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>



<div cols="20"id="biao1">12345678</div>

<input type="button"onClick="copyUrl2()"value="点击复制代码" />

<script type="text/javascript">

function copyUrl2(){

var Url2=document.getElementById("biao1").innerText;

var oInput = document.createElement('input');

oInput.value = Url2;

document.body.appendChild(oInput);

oInput.select();// 选择对象

document.execCommand("Copy");// 执行浏览器复制命令

oInput.className ='oInput';

oInput.style.display='none';

alert('复制成功');

}

</script>

</body>
</html>