ios复制文字到剪切板

Posted 小哆啦呢铜锣烧

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ios复制文字到剪切板相关的知识,希望对你有一定的参考价值。

补充上篇博客 中出现的ios复制不可用的问题需要组合使用

 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <span id="data">复制我到剪贴板</span>
  <button class="button" type="button" id="button">点击复制</button>


  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
  <script>
    $("#button").click(function () {
      if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //ios  
        var copyDOM = document.querySelector(#data); //要复制文字的节点    
        var range = document.createRange();
        // 选中需要复制的节点    
        range.selectNode(copyDOM);
        // 执行选中元素    
        window.getSelection().addRange(range);
        // 执行 copy 操作    
        var successful = document.execCommand(copy);
        try {
          var msg = successful ? successful : unsuccessful;

          console.log(copy is + msg);
        } catch (err) {
          console.log(Oops, unable to copy);
        }
        // 移除选中的元素    
        window.getSelection().removeAllRanges();
      } else {

        console.log( "android不支持此方式复制")
      }
    });

  </script>


</body>

</html>

 

以上是关于ios复制文字到剪切板的主要内容,如果未能解决你的问题,请参考以下文章

HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题

复制内容到剪贴板

C#复制图文信息到剪切板再粘贴到word

手机复制粘贴不了怎么办

JavaScript如何点击实现复制文字到剪切板呢?

兼容安卓和ios实现一键复制内容到剪切板