EventTarget事件:select

由 Carrie 创建, 最后一次修改 2019-01-25

EventTarget事件 - select

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

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

基本信息

接口如果是从用户界面生成的,则为UIEvent,否则为Event
是否冒泡
是否可取消没有
目标Element
默认操作没有

属性

属性类型描述
target(只读)EventTarget事件目标(DOM树中最顶层的目标)。
type(只读)DOMString事件的类型。
bubbles(只读)Boolean事件是否正常冒泡。
cancelable(只读)Boolean事件是否可以取消。
view(只读)WindowProxyDocument.defaultViewwindow文件)
detail(只读)longfloat0

示例

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
 
以上内容是否对您有帮助:

您可能还喜欢:

二维码
建议反馈
二维码