javascript复制内容到剪切板/网页上的复制按钮的实现

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript复制内容到剪切板/网页上的复制按钮的实现相关的知识,希望对你有一定的参考价值。

javascript复制内容到剪切板/网页上的复制按钮的实现:DEMO如下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>复制内容到剪切板</title>
<script>
function copy(){
    document.getElementById("content").select();//选中要复制的内容,这里用input标签可以,用div标签不行,估计是只能用表单标签,具体没测试过
    document..execCommand("Copy"); //执行浏览器复制命令
}
</script>
</head>

<body>
<input id="content" value="待复制的内容">
<button onClick="copy();">复制</button>
</body>
</html>

 

以上是关于javascript复制内容到剪切板/网页上的复制按钮的实现的主要内容,如果未能解决你的问题,请参考以下文章

javascript 复制内容到剪切板

javascript 复制内容到剪切板

JavaScript如何点击实现复制文字到剪切板呢?

js 如何实现将div内的内容放到剪切板?

Clipboard.js实现复制内容到剪切板

Vue复制内容到剪切板