# 快速导航

# 方式1-复制文本

function copy(str) {
  const el = document.createElement('textarea'); // 创建一个textarea元素
  el.value = str
  el.setAttribute('readonly', '')  // 设置只读属性
  el.style.position = 'absolute'
  el.style.left = '-9999px'
  el.style.top = '-9999px'
  document.body.appendChild(el)
  const selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false
  el.select()
  document.execCommand('copy')
  document.body.removeChild(el)
  if (selected) {
    document.getSelection().removeAllRanges()
    document.getSelection().addRange(selected)
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# 方式2-复制文本

使用clipboard.js

<dd>对360画报屏保的使用体验、内容素材进行分享评论,例如:<strong class="template-info" id="template-info">360画报屏保,自带大量精美高清图片、可支持一键上网,设为壁纸等功能;<br />【360画报开启方式:打开360安全浏览器-设置选项页-实验室-360画报】</strong><button class="copy-text" id="copy-text" data-clipboard-action="copy" data-clipboard-target="#template-info">一键复制</button></dd>
1
<script src="https://lib.baomitu.com/clipboard.js/2.0.8/clipboard.min.js"></script>
var clipboard = new ClipboardJS('#copy-text');

clipboard.on('success', function(e) {
    e.clearSelection()
})
1
2
3
4
5
6
白色

关注公众号

一个走心,有温度的号,同千万同行一起交流学习

加作者微信

扫二维码 备注 【加群】

扫码易购

福利推荐