EventTarget事件:select
2019-01-25 16:52 更新
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 |
以上内容是否对您有帮助:
更多建议: