一键复制功能 js

一、原理说明

1. 浏览器自带的命令： copy  ，可以复制选中的内容到剪切板

document.execCommand("copy")

2. 输入框自带的方法： select()  ，可以选中输入框的内容

输入框节点.select() 

二、使用步骤

1. 使用输入框放置需要粘贴的内容，如：<input id="input">文本内容</input>

2. 获取该输入框节点，如：input = document.getElementById('input')

3. 选中文本：input.select() 

4. 使用浏览器自带命令复制选中文本：document.execCommand('copy') 

三、参考连接

前端-原生一键复制功能_(function(){var oinput=document.createel_前端攻城狮·左大的博客-CSDN博客

 

四、浏览器execCommand()命令详解及实例展示

execCommand()命令详解及实例展示_18790970257的博客-CSDN博客