DOM

：

：

Document：selectionchange イベント

　編集：2022.10.09 by T.A.

[Edge]。→、

の一部で、文書における現在のテキストの選択が変更された時に発生します。

バブリング なし
キャンセル 不可
インターフェイス Event
イベント ハンドラー プロパティ onselectionchange
例

HTML： 

<SPAN id=IdLog></SPAN>

JavaScript： 

function Job(eve){ //selectionchange イベントの処理：
  D=eve; //＝[object]：[object Event]。当文書の上で何かを範囲指定した。

詳細	//isTrusted＝[boolean]：true
	//type＝[string]：selectionchange
	//target＝[object]：[object HTMLDocument]
	//currentTarget＝[object]：null
	//eventPhase＝[number]：0
	//bubbles＝[boolean]：false
	//cancelable＝[boolean]：false
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：false
	//…


  IdLog.innerHTML=IdLog.innerHTML +"●";
}
document.onselectionchange=Job;

編集可能な要素でキー カーソルを動かすとイベントが発生してしまう。

JavaScript： 範囲選択の内容を得る。 

D=document.getSelection(); //＝[object]： JavaScrip。当文書内の「JavaScrip」を範囲選択した。

詳細	//anchorNode＝[object]：[object HTMLSpanElement]
	//anchorOffset＝[number]：1
	//focusNode＝[object]：[object Text]
	//focusOffset＝[number]：11
	//isCollapsed＝[boolean]：false
	//rangeCount＝[number]：1
	//type＝[string]：Range
	//baseNode＝[object]：[object HTMLSpanElement]
	//baseOffset＝[number]：1
	//extentNode＝[object]：[object Text]
	//extentOffset＝[number]：11
	//…
テスト