文档：getSelection() 方法

语法

getSelection()

参数

无。

返回值

一个 Selection 对象，或者在文档没有 浏览上下文 的情况下返回 null（例如，它是未附加到文档的 <iframe> 的文档）。

示例

获取 Selection 对象

const selection = document.getSelection();
const selRange = selection.getRangeAt(0);
// do stuff with the range

console.log(selection); // Selection object

Selection 对象的字符串表示形式

某些函数（例如 Window.alert()）会自动调用 toString()，并会将返回值传递给函数。因此，这将返回选定的文本，而不是 Selection 对象。

alert(selection);

但是，并非所有函数都会自动调用 toString()。要将 Selection 对象用作字符串，请直接调用其 toString() 方法。

let selectedText = selection.toString();

相关对象

您可以调用 Window.getSelection()，这与 window.document.getSelection() 相同。

值得注意的是，目前 getSelection() 在 Firefox 中对 <input> 元素的 **内容** 不起作用。可以使用 HTMLInputElement.setSelectionRange() 来解决此问题。

同时也要注意“选择”和“焦点”之间的区别。Document.activeElement 会返回当前获得焦点的元素。

规范

浏览器兼容性