JS文字复制粘贴

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

今天自闭了没

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

阅读量1.2k

点赞数 1

文章标签： javascript js

本文链接：https://blog.csdn.net/qq_37760041/article/details/108350922

版权

本文介绍了JavaScript中实现文字复制功能的三种方法：第一种利用方法，第二种通过创建选中文本来实现，第三种是使用clipboard.js插件，并提供了插件的官网地址。

摘要由CSDN通过智能技术生成

方法一：使用`input`的 `select()`方法

<!-- html -->
<div id="copy-target">
    复制文本
</div>
<button onclick="copy('#copy-target')">复制</button>
<!-- js -->
<script>
function copy(target) {
    // 获取目标复制内容
    const txt = document.querySelector(target).innerText;
    // 整一个input
    var input = document.createElement("input");
    // 赋值
    input.setAttribute("value", txt);
    // 添加节点
    document.body.appendChild(input);
    // 选取文本域中的内容
    input.select();
    // 复制
    document.execCommand('Copy');
    // 删除掉没用的节点
    document.body.removeChild(input);
}
</script>

方法二：使用`range`创建选中文本

function copy(target) {
    // 创建range对象
    var range = document.createRange();
    // 传入需要选中的目标节点
    range.selectNodeContents(document.querySelector