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