原生js实现点击复制功能

Posted 2020-10-31

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原生js实现点击复制功能相关的知识，希望对你有一定的参考价值。

代码：

<input type="text">
<button>复制</button>
<script>
var input = document.getElementsByTagName(‘input‘)[0]
var button = document.getElementsByTagName(‘button‘)[0]
button.onclick = function(){
    input.value = "hello world"
    input.select()
    document.execCommand("copy")
}
</script>

效果：
execCommand常用方法：
```
cut
delete
copy
```

以上是关于原生js实现点击复制功能的主要内容，如果未能解决你的问题，请参考以下文章