当前位置：文江博客知识库简体中文文档 Web API Element select_event

select - Web API 接口参考编辑

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`	Whether the event normally bubbles or not.
`cancelable` 只读	`Boolean`	Whether the event is cancellable or not.
`view` 只读	`WindowProxy`	`document.defaultView` (`window` of the document)
`detail` 只读	`long` (`float`)	0.

示例

HTML

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

JavaScript

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);