码迷,mamicode.com
首页 > 移动开发 > 详细

ios复制文字到剪切板

时间:2018-04-09 13:05:57      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:jquery   UI   libs   idt   man   init   支持   pod   ipo   

补充上篇博客 中出现的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复制文字到剪切板

标签:jquery   UI   libs   idt   man   init   支持   pod   ipo   

原文地址:https://www.cnblogs.com/shuaitong/p/8758830.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!