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复制文字到剪切板的主要内容,如果未能解决你的问题,请参考以下文章