此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
select
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
select 选择某些文本时会触发事件。
该事件不适用于所有语言的所有元素。例如，在 HTML，select事件只能在表单<input type="text">和<textarea>元素上触发。
General info
属性
| 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
html
<input value="Try selecting some text in this element." /><p></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 # event-select |
| HTML # handler-onselect |