防止选择清除

Question

<p>Select Some of This Text</p>
<span>Now click this</span>

是否可以这样做，以便当您点击<span>时，它不会删除<p>的选择或将其存储在某个地方？也许使用onblur事件？

Answer 1

一种方法是使用How to disable text selection highlighting?中解释的CSS阻止在“现在点击此”按钮中选择文本。使用此CSS，单击按钮不会更改选择，包括是否存在现有选择。

＆＃13;

＆＃13;

.unselectable {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

＆＃13;

<p>Select Some of This Text</p>
<span class="unselectable">Now click this</span>

＆＃13;

＆＃13;

＆＃13;