Document：selectionchange 事件

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

Selection API 的 selectionchange 事件在当前 Document 的 Selection 改变时触发。

此事件不可取消，也不会冒泡。

可以通过为 selectionchange 添加事件监听器或使用 onselectionchange 事件处理器来处理该事件。

备注： 此事件与 <input> 或 <textarea> 元素中的文本选择更改时触发的 selectionchange 事件不太相同。有关详细信息，请参阅 HTMLInputElement.selectionchange_event。

语法

在 addEventListener() 等方法中使用事件名称，或设置事件处理器属性。

js
addEventListener("selectionchange", (event) => {});

onselectionchange = (event) => {};

事件类型

通用 Event。

示例

js
// addEventListener 版本
document.addEventListener("selectionchange", () => {
  console.log(document.getSelection());
});

// onselectionchange 版本
document.onselectionchange = () => {
  console.log(document.getSelection());
};

规范

Specification
Selection API
# selectionchange-event
Selection API
# dom-globaleventhandlers-onselectionchange

浏览器兼容性

BCD tables only load in the browser

参见