移动端点击复制文字到剪贴板:
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)) { //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不支持此方式复制") } });注意:这个方法在ios中有效,android中不起作用。另外,如果ios中不奏效,请检查CSS中
{-webkit-user-select: text; } -webkit-user-select属性是否为text,为none会导致复制失败。有兼容性更好的方式,还望告知。
新闻热点
疑难解答