利用js实现一键复制功能

Roc-xb

已于 2024-09-15 06:13:53 修改

阅读量1.1w

点赞数 2

文章标签：一键复制 js复制复制功能

于 2019-10-09 09:20:46 首次发布

本文链接：https://blog.csdn.net/qq_19309473/article/details/102452872

版权

前端专栏收录该内容

106 篇文章 46 订阅

订阅专栏

HTML代码

<div hidden id="content">待复制的内容</div>

<btn class="btn btn-sm btn-default" onclick="copyBtn()">点此复制</btn>

JavaScript 代码

function copyBtn() {
var content= document.getElementById("content").innerText;
var oInput = document.createElement('input');
oInput.value = content;
document.body.appendChild(oInput);
oInput.select();
document.execCommand("Copy"); 
oInput.className = 'oInput';
oInput.style.display = 'none';
alert('复制成功');
}