HTMLTextAreaElement: select 事件

基线 广泛可用

此功能已得到充分确立，可在许多设备和浏览器版本中使用。它自 2015 年 7 月.

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

浏览器兼容性

BCD 表格仅在浏览器中加载