码迷,mamicode.com
首页 > Web开发 > 详细

H5/纯JS实现:把网页中的文字复制到剪切板

时间:2019-11-28 16:29:21      阅读:257      评论:0      收藏:0      [点我收藏+]

标签:add   com   选中   node   实现   col   nod   document   move   

   const dom = document.getElementById(`span1`)
    const selection = window.getSelection()
    const range = document.createRange()

    // 选择复制目标
    range.selectNodeContents(dom)
    selection.removeAllRanges()
    selection.addRange(range)

    // 已复制文字
    console.log(‘selectedText‘, selection.toString())

    // 执行复制
    document.execCommand(‘copy‘)

    // 去除所有选中,否则该元素会显示为 被选中的颜色
    selection.removeAllRanges()
   

 

H5/纯JS实现:把网页中的文字复制到剪切板

标签:add   com   选中   node   实现   col   nod   document   move   

原文地址:https://www.cnblogs.com/ww01/p/11950734.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!