js将文本复制到粘贴板

最新推荐文章于 2025-05-10 12:04:37 发布

原创最新推荐文章于 2025-05-10 12:04:37 发布 · 971 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javaScript 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页元素内容复制的方法。通过检测浏览器类型并利用不同API（如createTextRange和getSelection），可以轻松地将指定元素内的文本复制到剪贴板中。

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

因为项目需要，用到了这个，就在这里记录一下。关于粘贴板的更多操作，等以后用到了，再继续添加。。。

<body>
<div id='str'>helloworld</div>
<button onclick='copy()'>点击复制上面的文字</button>
</body>
<script>
  function copy() {
    var copy = document.getElementById('str')
    if (document.body.createTextRange) { // 该属性只有IE支持
      var range = document.body.createTextRange()
      range.moveToElementText(copy)
      range.select()
      document.execCommand('Copy')
      alert('已复制1')
    } else if (window.getSelection) {
      var selection = window.getSelection()
      selection.removeAllRanges()
      var range = document.createRange()
      range.selectNodeContents(copy)
      selection.addRange(range)
      document.execCommand('Copy')
      selection.removeAllRanges()
      alert('已复制2')
    }
  }
</script>