JavaScript 解决微信网页中IOS/安卓 复制文字问题 !!!

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("复制成功")
}
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,883评论 2 17
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,349评论 0 5
  • 最近做一个小功能,需要实现一键复制,由于之前用过jq的ZeroClipboard,原理是通过flash来实现复制功...
    conankids阅读 2,845评论 0 2
  • Android自定义动画系列八,今天来分享第八个自定义Loading动画(IntertwineBuilder),名...
    Zyao89阅读 2,835评论 0 2
  • 你的对手在看书,你的仇人在磨刀,你的闺蜜在减肥,隔壁老王在练腰,你却把时间浪费在刷屏的朋友圈中。
    能能_0f09阅读 127评论 0 0