原生js实现复制功能
Posted 青云码上
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生js实现复制功能相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>test</title> </head> <body> <div> <span id="copyMy" style="position: absolute;left: -100000px;">这是复制的内容</span> <button onClick="copyFn()">点击复制</button> </div> <script> function copyFn() { var val = document.getElementById(‘copyMy‘); window.getSelection().selectAllChildren(val); document.execCommand("Copy"); } </script> </body> </html>
以上是关于原生js实现复制功能的主要内容,如果未能解决你的问题,请参考以下文章