select

select 选择某些文本时会触发事件。

该事件不适用于所有语言的所有元素。例如,在 HTML,select事件只能在表单<input type="text"><textarea>元素上触发。

General info

Interface UIEvent if generated from a user interface, Event otherwise
Bubbles Yes
Cancelable No
Target Element
Default Action None

属性

Property Type Description
target 只读 EventTarget The event target (the topmost target in the DOM tree).
type 只读 DOMString The type of event.
bubbles 只读 Boolean (en-US) Whether the event normally bubbles or not.
cancelable 只读 Boolean (en-US) Whether the event is cancellable or not.
view 只读 WindowProxy document.defaultView (window of the document)
detail 只读 long (float) 0.

示例

HTML

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

JavaScript

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

结果

规范

Specification
HTML Standard
# event-select
HTML Standard
# handler-onselect

参见