关于ios中实现一键复制的问题

最新推荐文章于 2022-08-26 17:30:28 发布

阮三胖

最新推荐文章于 2022-08-26 17:30:28 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：日常积累文章标签：问题分享

本文链接：https://blog.youkuaiyun.com/yiyi_yiyi_2012/article/details/84066841

日常积累专栏收录该内容

2 篇文章

订阅专栏

本文分享了一键复制功能在Android和iOS上的实现方法，针对iOS中不支持e.select()的问题，提供了selectText()函数解决方案，并解决了键盘一闪而过的小问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在项目中有一个一键复制的需求，再网上找了很多的资料，发现以下的方法很好的实现了
、、、
//一键复制

function copyLink(){

var e = document.getElementById(“copy”);

e.select(); // 选择对象

document.execCommand("Copy"); // 执行浏览器复制命令

document.activeElement.blur()；

}
、、、
满心欢喜的提交测试后，发现以上的代码再android中能完美的实现复制，但是在ios中确实不行的，并且在ios中还会有键盘被唤起一闪而逝的情况。

一点点的排查原因，终于发现实e.select()方法，ios不支持

寻找解决办法，终于找到了，借鉴了下面这位大神的方法
function selectText(textbox, startIndex, stopIndex) {

if(textbox.createTextRange) {//ie

    var range = textbox.createTextRange();

    range.collapse(true);

    range.moveStart('character', startIndex);//起始光标

    range.moveEnd('character', stopIndex - startIndex);//结束光标

    range.select();//不兼容苹果

}else{//firefox/chrome

    textbox.setSelectionRange(startIndex, stopIndex);

    textbox.focus();

}

}
作者：VLilyV
来源：优快云
原文：https://blog.youkuaiyun.com/VLilyV/article/details/77523591

此时ios和Android都可以实现复制功能了，但是ios中还是会出现键盘一闪而过的情况，通过给input添加readonly属性得意解决，但是页面底部还是有小小的跳动，如果大家又好的办法，欢迎大家给予好的建议。