iphone6上长按复制, 光标会跳离目标文字。

发布于 2022-09-04 02:07:27 字数 1250 浏览 34 评论 0

移动端页面,需要实现的功能是长按复制目标号码,在部分iphone6和iphone6plus手机上长按的时候,光标不会选中目标号码,会选中上面一段文字(下例中文字1)或者下面一段文字(下例中文字2),甚至是与目标号码不相连的文字(下列中文字3)

        <div class="box1">
            <p class="txt">这是文字1这是文字1这是文字1这是文字1这是文字1</p>
        </div>
        <div class="box2">
            <p class="txt2" onclick="ga('send','event', createUrlStr(),'长按复制目标号码')">abc123</p>
        </div>
        <div class="box3">
            <p class="txt">这是文字2这是文字2这是文字2这是文字2这是文字2</p>
        </div>
        <div class="box4">
            <p class="txt">这是文字3这是文字3这是文字3这是文字3这是文字3</p>
        </div>

已经尝试的方法:

1、为需要复制的文字添加class=“text_select",为其他文字设置class=”no_select",设置CSS:

.text_select{
    user-select:text;
    -webkit-user-select:text;
    -o-user-select:text;
   -moz-user-select:text;
    }
.no_select{
    user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
   -moz-user-select:none;
    }

结果:不成功,虽然不会选择其他文字,但是页面也会跳开,不处在要复制的位置。

2、改变目标数字的标签p为span,并且设置span的属性为:diaplay:inline-block;
结果:不成功。

其他疑问:之前的移动端页面都没有发生这种问题,从上周的移动端页面开始才有这种问题。只在iphone6 或iphone6 plus上有,并且只发生在iphone6的部分手机上。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文