DOM

：

：

Document：selectstart イベント

　編集：2022.10.11 by T.A.

[Edge]。→、

文書上でユーザーが新しい選択範囲を指定した時に発行します。

イベントがキャンセルされた場合、選択範囲は変更されません。

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

HTML： 

<SPAN id=IdLog></SPAN><BR>
<SPAN id=IdLog2></SPAN>

JavaScript： 

function Job(eve){ //selectstart イベントの処理：
  D=eve;
  DA=document.getSelection(); //Selection オブジェクトの取得。
  IdLog.innerHTML=IdLog.innerHTML +"●"; //表示。
  IdLog2.innerHTML=DA.toString(); //範囲指定？された内容
}
document.onselectstart=Job; //イベント割り当て。

マウスボタン降下でイベント発生した。

得られた Selection オブジェクト： 適当に範囲指定となった。 

//DA＝[object]： リセット 実行、 表示D 全てのD→DA undef

詳細//anchorNode＝[object]：[object Text]
//anchorOffset＝[number]：2
//focusNode＝[object]：[object Text]
//focusOffset＝[number]：5
//isCollapsed＝[boolean]：false
//rangeCount＝[number]：1
//type＝[string]：Range
//baseNode＝[object]：[object Text]
//baseOffset＝[number]：2
//extentNode＝[object]：[object Text]
//extentOffset＝[number]：5
//…

Selection オブジェクトが得られるタイミングが変。

→getSelection()、Selection、toString()。

テスト