js:复制粘贴实现

589 阅读1分钟

流程:

  1. 确认需要复制的元素
  2. 选中需要复制的元素

使用的是select()方法,但是该方法好像在input 、textarea标签中可以使用

所以我们需要准备一个隐藏的 input 框,将需要复制的文字获取过来设置给input 框,调用select()方法选中文字

  1. 复制需要复制的元素

实现:

  1. 准备一个button来注册点击事件,可以在事件中获取需要复制的文字设置给input
  2. 选中文字
document.querySelector('.hiddenInput').select()
  1. 复制文字
document.execCommand('copy', false)