原生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实现复制功能的主要内容,如果未能解决你的问题,请参考以下文章

H5 兼容IOS安卓的原生Js复制功能

H5 兼容IOS安卓的原生Js复制功能

原生JS在网页上复制的所有文字后面自动加上一段版权声明

JavaScript实用功能代码片段

原生 js 实现点击按钮复制文本

原生JS实现拖动功能