文档:selectionchange 事件

selectionchange 事件是 Selection API 的一个事件,当 Document 的当前 Selection 发生变化时触发。

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

可以通过为 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());
};

规范

规范
选择 API
# selectionchange-event
选择 API
# dom-globaleventhandlers-onselectionchange

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见