移动端点击复制文字到剪贴板:
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会导致复制失败。
有兼容性更好的方式,还望告知。
本文介绍了如何在iOS移动端实现点击事件触发文字复制到剪贴板的功能。通过HTML和JavaScript代码示例,展示了具体实现过程。需要注意的是,此方法在Android上可能不适用,且在iOS中若遇到问题,可能需要检查CSS的兼容性。
4131

被折叠的 条评论
为什么被折叠?



