HTMLTextAreaElement: select 事件
当选中文本时会触发 select 事件。
语法
在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。
js
addEventListener("select", (event) => { })
onselect = (event) => { }
事件类型
一个通用的 Event。
示例
选择记录器
html
<textarea>Try selecting some text in this element.</textarea>
<p id="log"></p>
js
function logSelection(event) {
const log = document.getElementById("log");
const selection = event.target.value.substring(
event.target.selectionStart,
event.target.selectionEnd,
);
log.textContent = `You selected: ${selection}`;
}
const textarea = document.querySelector("textarea");
textarea.addEventListener("select", logSelection);
onselect 等效项
你也可以使用 onselect 属性来设置事件处理程序。
js
textarea.onselect = logSelection;
规范
| 规范 |
|---|
| HTML # event-select |
| HTML # handler-onselect |
浏览器兼容性
加载中…