EventTarget事件:select

2019-01-25 16:52 更新

EventTarget事件 - select

select選擇某些文本時(shí)會(huì)觸發(fā)該事件。

該活動(dòng)不適用于所有語(yǔ)言的所有元素。例如,在HTML中,select只能在表單<input type="text">和<textarea>元素上調(diào)度事件。

基本信息

接口如果是從用戶界面生成的,則為UIEvent,否則為Event
是否冒泡
是否可取消沒(méi)有
目標(biāo)Element
默認(rèn)操作沒(méi)有

屬性

屬性類型描述
target(只讀)EventTarget事件目標(biāo)(DOM樹(shù)中最頂層的目標(biāo))。
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);

規(guī)范

規(guī)范狀態(tài)注釋
UI事件
該規(guī)范中“select”的定義。
Working Draft
 
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)