文档:selectionchange 事件

Baseline 已广泛支持

此特性已得到良好确立,可跨多种设备和浏览器版本使用。自 2017 年 3 月起,所有浏览器均支持此特性。

Document 的当前 Selection 对象发生更改时,会触发 Selection APIselectionchange 事件。

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

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

注意:此事件与 <input><textarea> 元素中文本选择更改时触发的 selectionchange 事件不完全相同。有关更多详细信息,请参阅 HTMLInputElementselectionchange 事件。

语法

在诸如 addEventListener() 之类的方法中使用事件名称,或设置事件处理程序属性。

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

onselectionchange = (event) => { }

事件类型

一个通用的 Event

示例

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

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

规范

规范
Selection API
# selectionchange-event
Selection API
# dom-globaleventhandlers-onselectionchange

浏览器兼容性

另见