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 APIselectionchange 事件在当前 DocumentSelection 改变时触发。

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

可以通过为 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

参见