javascript - IE 11 从空白区域选择文本时，光标不会立即更改

Question

我使用的是 IE 11，我注意到当从空白区域选择文本时，光标不会立即从指针变为设计的光标。它在 Firefox 中工作正常。有什么想法吗？

例如，我这里有文字:

    .text {cursor: text;}
    <span class="text">This is the sample text.</span>

当我将鼠标放在例句后右边的空白处，并从右向左拖动以选择文本时，我希望当鼠标到达句号时鼠标光标会立即变为“文本”光标，但是光标在 IE 11 中不会立即改变，有时当鼠标到达“文本”甚至“样本”时光标开始改变。

Answer 1

对于我在 IE11 上，如果我开始拖动到文本框之外，指针只会在我释放鼠标按钮后发生变化。在 chrome 和 firefox 中，它会在您将鼠标悬停在文本上时发生变化。

我认为这可能是 IE11 的默认行为，因为我真的无法轻松找到任何相关信息。

对我有用的是添加 text:hover 具有相同的样式。一旦您将鼠标悬停在一个字符上，即使在拖动时，光标也会立即改变。

.text,
.text:hover {
  cursor: text;
}

<span class="text">This is the sample text.</span>