EventTarget事件：select
EventTarget事件 - select
select选择某些文本时会触发该事件。
该活动不适用于所有语言的所有元素。例如，在HTML中，select只能在表单<input type="text">和<textarea>元素上调度事件。
基本信息
| 接口 | 如果是从用户界面生成的，则为UIEvent，否则为Event |
|---|---|
| 是否冒泡 | 是 |
| 是否可取消 | 没有 |
| 目标 | Element |
| 默认操作 | 没有 |
属性
| 属性 | 类型 | 描述 |
|---|---|---|
target（只读） | EventTarget | 事件目标（DOM树中最顶层的目标）。 |
type（只读） | DOMString | 事件的类型。 |
bubbles（只读） | Boolean | 事件是否正常冒泡。 |
cancelable（只读） | Boolean | 事件是否可以取消。 |
view（只读） | WindowProxy | Document.defaultView（window文件） |
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);规范
| 规范 | 状态 | 注释 |
|---|---|---|
| UI事件 该规范中“select”的定义。 | Working Draft |