javascript代码实现复制文本内容至剪切板

clearlove_lwc

已于 2022-06-30 15:14:17 修改

阅读量622

点赞数

CC 4.0 BY-SA版权

分类专栏： Angular 文章标签： javascript 前端开发语言

于 2021-08-12 16:39:29 首次发布

原文链接：https://www.cnblogs.com/shaobog/p/9149718.html

Angular 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用Angular编程语言实现将文本内容快速复制到剪贴板的功能，提供了一个JavaScript代码片段，并解释了其工作原理。

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

<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>
<div cols="20" id="biao1">12345678</div>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />

Angular实现

copy() {

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

oInput.value = this.CODE; //this.CODE为需要复制的字符串，对应界面显示

document.body.appendChild(oInput);

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

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

oInput.className = 'oInput';

oInput.style.display='none';

}

原创链接一段js实现复制文本内容到剪切板 - 初心伊人 - 博客园