DOM

Window:select イベント

 編集:2022.10.17 by T.A.

[Edge]。→

ウインドウ内で入力フィールド内のテキストが選択された後に発行されます。

バブリング ¶あり
キャンセル可能 ¶いいえ
インターフェイス Event
イベント ハンドラー プロパティ onselect

HTML:

<SPAN contenteditable>[SPAN要素。ここで編集…]</SPAN><BR>
<INPUT type=text value="INPUT要素">
<INPUT type=checkbox>
<BR>
<SELECT>
 <OPTION>OPTION要素1
 <OPTION>OPTION要素2
 <OPTION>OPTION要素3
</SELECT><BR>
<SPAN id=IdLog></SPAN>

JavaScript:

function Job(eve){  //select イベントの処理:
  D=eve;  //=[object]:[object Event]。INPUT要素で「素」の手前でクリックして、キーボードで「素」を範囲指定した。
詳細 //isTrusted=[boolean]:true //type=[string]:select //target=[object]:[object HTMLInputElement] //currentTarget=[object]:null //eventPhase=[number]:0 //bubbles=[boolean]:true //cancelable=[boolean]:false //defaultPrevented=[boolean]:false //composed=[boolean]:false //…
IdLog.innerHTML=IdLog.innerHTML+"●"; //表示。 } window.onselect=Job; //イベント割り当て。

文書上の編集可能な要素、不可能な要素で選択してもイベントが起こらなかった。

INPUT要素では、範囲選択の状態が変わるとイベントが起きた。

インターフェイスは Event のようだ。


テスト