DOM

Document:scroll イベント

 編集:2022.10.11 by T.A.

[Edge]○。→

文書のビューがスクロールされた時に発生します。

mdn: ドキュメントのビューまたは要素がスクロールされたときに生じます。

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

HTML:

<DIV style="overflow:scroll;
 border:1px solid red; width:100px; height:100px; font-size:20px
">
 aaaaaaaaaaaaa<BR>
 あ<BR>
 い<BR>
 う<BR>
 え<BR>
 お<BR>
 か<BR>
 き<BR>
 く<BR>
</DIV>
<SPAN id=IdLog></SPAN>

JavaScript:

function Job(eve){ //scroll イベントの処理:
  D=eve; //=[object]:[object Event]。当文書をキー操作でスクロールさせた。
詳細 //isTrusted=[boolean]:true //type=[string]:scroll //target=[object]:[object HTMLDocument] //currentTarget=[object]:null //eventPhase=[number]:0 //bubbles=[boolean]:true //cancelable=[boolean]:false //defaultPrevented=[boolean]:false //composed=[boolean]:false //…
IdLog.innerHTML=IdLog.innerHTML+"●"; //表示。 } document.onscroll=Job; //イベント割り当て。

要素をスクロールしてもイベントは起きなかった。


テスト