HTMLInputElement: select 事件

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

当有文本被选中时，会触发 select 事件。

语法

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

addEventListener("select", (event) => { })

onselect = (event) => { }

事件类型

一个通用的 Event。

示例

选择记录器

html

<input value="Try selecting some text in this element." />
<p id="log"></p>

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 input = document.querySelector("input");
input.addEventListener("select", logSelection);

onselect 等效项

您也可以使用 onselect 属性来设置事件处理程序。

input.onselect = logSelection;

规范

规范
HTML # event-select
HTML # handler-onselect

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 ⁨2025年9月25日⁩，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的错误