前端 - iphone6上长按复制， 光标会跳离目标文字。

Question

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

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

已经尝试的方法：

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的部分手机上。