前端实现点击按钮复制内容到剪切板

最新推荐文章于 2025-02-11 16:40:35 发布

原创最新推荐文章于 2025-02-11 16:40:35 发布 · 292 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

Vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在前端实现将指定文本复制到剪切板的方法。通过使用navigator.clipboard.writeText API，当用户点击按钮时，可以将预设文本复制到用户的剪切板中，便于后续粘贴使用。

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

在前端实现剪切内容到剪切板

<body>
    <button id="btn">你点我一个试试</button>
    <script>
      var copyToClipboard = () => navigator?.clipboard?.writeText &&  navigator.clipboard.writeText('any you want')
      var btn = document.getElementById('btn')
      btn.addEventListener('click', copyToClipboard)
    </script>
</body>