WAP端长按复制的注意事项

[tjuking]

情景1

上下排文本：上排有提示，下排为需要复制的文字

<div>
    <p>长按文本复制</p>
    <p>真融宝</p>
</div>

问题：在iOS系统中，如果父容器的高度<=100px，则长按文本容易触发选中整个div

解决方案：将需要的复制的文字与其它文本尽量隔离开，提升父容器的高度

其它说明：

<div>
    <p>长按文本复制</p>
    <div>
        <p>真融宝</p>
    </div>
</div>

上述代码中的父容器指的是最外层的div

情景2

并排文本：左侧有提示，右侧为需要复制的文字

<p>
    <span>长按文本复制</span>
    <span>真融宝</span>
</p>

说明：长按复制不受影响，但这里的p标签要受情景1中的约束