javascript - 窗口选择对象可以失效吗？

Question

我有一段 JavaScript 代码，可以使用 window.getSelection() 查询 Selection 对象。如果我进行选择，则 window.getSelection() 会成功返回 Selection 参数，但是，如果我通过单击屏幕上的其他任何位置使选择无效，则 window.getSelection() 会继续向我提供旧的 Selection 对象。

我不是在构建大的东西，所以我不想安装像 Rangy 或其他什么的库。如何使选择对象无效？顺便说一下，我在这个脚本中使用的是 Firefox 20.0.1。

请大家多多指教!

Answer 1

如果您单击文本中的其他位置，getSelection 不会为您提供旧的选择对象，而是一个空的选择对象。您可以测试 selection.toString() 的长度。

var selectionIsNotEmpty = selection.toString().length>0;

在 WebKit 浏览器上，您的选择类型也会从“范围”更改为“插入符”或“无”。

Demonstration (选择某项，然后单击其他位置)