Document:selectionchange 事件

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

参见