点击按钮：复制div中的文本内容到剪切板

最新推荐文章于 2024-09-28 14:09:02 发布

黄献新

最新推荐文章于 2024-09-28 14:09:02 发布

阅读量300

点赞数 3

文章标签：前端 html javascript css

本文链接：https://blog.csdn.net/wuxianjinbu/article/details/139775620

版权

效果展示

html代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>
    <textarea id="textArea">这是文字内容</textarea>
    <button onclick="copyToClipBoard()">Copy</button>

    <script src="link to your JS file"></script>
  </body>
</html>

JS代码

function copyToClipBoard() {
  var content = document.getElementById('textArea');

  content.select();
  document.execCommand('copy');

  alert('Copied!');
}