ios实现点击复制文字到剪贴板

本文主要是介绍ios实现点击复制文字到剪贴板，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

移动端点击复制文字到剪贴板：

html代码：

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

复制文字的代码需要放在点击事件中

js代码：

$("#button").click(function(){if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //iosvar 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不支持此方式复制"）}});

注意：这个方法在ios中有效，android中不起作用。另外，如果ios中不奏效，请检查css中

{-webkit-user-select: text; }

 -webkit-user-select属性是否为text，为none会导致复制失败。

有兼容性更好的方式，还望告知。

这篇关于ios实现点击复制文字到剪贴板的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---