html代码
<div class="wrapper">
<p id="text">XXXXX</p>
<input type="text" id="input" value="XXXXX" readonly="text"/>
<a href="javascript:;" onclick="copyText()">点击复制网址</a>
</div>
上JS代码
//点击复制文字
function copyText() {
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//区分iPhone设备
window.getSelection().removeAllRanges();//这段代码必须放在前面否则无效
var Url2=document.getElementById("text");//要复制文字的节点
var range = document.createRange();
// 选中需要复制的节点
range.selectNode(Url2);
// 执行选中元素
window.getSelection().addRange(range);
// 执行 copy 操作
var successful = document.execCommand('copy');
// 移除选中的元素
window.getSelection().removeAllRanges();
alert("复制成功")
}else{
var Url2=document.getElementById("input");//要复制文字的节点
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("复制成功")
}
}
网友评论