Hkc

vuePress-theme-reco Hkc    2025
Hkc Hkc

Choose mode

  • dark
  • auto
  • light
TimeLine
GitHub
author-avatar

Hkc

25

Article

13

Tag

TimeLine
GitHub
  • Vue

  • Websocket

  • JS

    • js 自动复制操作
    • js 完美寄生继承
    • 使用 Promise 封装一个 AJAX
    • 求数组的最大值和最小值
    • 云开发小程序
  • CSS

  • Canvas

  • HTTP

  • GIT

  • SERVER

  • MORE

js 自动复制操作

vuePress-theme-reco Hkc    2025

js 自动复制操作

Hkc 2018-03-25 js
<button id="btn">copy</button>
var Button = document.getElementById('btn')
Button.addEventListener('click', (event) => {
  let sometext = '内容',
    hiddenInput = document.createElement('input')
  hiddenInput.value = sometext
  hiddenInput.setAttribute('readonly', '')
  hiddenInput.style.position = 'absolute'
  hiddenInput.style.left = '-9999px'
  document.body.appendChild(hiddenInput)
  hiddenInput.select()
  hiddenInput.setSelectionRange(0, hiddenInput.value.length) // ios
  document.execCommand('copy')
  document.body.removeChild(hiddenInput)
  alert('已复制')
})