完整代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>Copy</title>
  6. </head>
  7. <body>
  8.     <div id="box">
  9.         点击复制文件内容！
  10.     </div>
  11. </body>
  12. </html>
  14. <script>
  15.     box.addEventListener('click',(e)=>{ 
  16.         window.getSelection().selectAllChildren(e.target);
  17.         document.execCommand('copy')
  18.         alert('复制成功')
  19.     })
  20. </script>

window.getSelection

获取用户选中的文本或者光标停留的位置。

box.addEventListener('click',(e)=>{ 
  console.log(
    window.getSelection()
  );
})

image.png

selectAllChildren

把指定元素的 所有子元素设为选中区域 ,并且取消之前选中的区域。

document.execCommand

已废弃。

document.execCommand('copy')    //    拷贝内容