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 上檢視此頁面 • 報告此內容的錯誤