DOM

Window:scroll イベント

 編集:2022.10.16 by T.A.

[Edge]。→

ウインドウ内(body)でスクロールされたときに発行されます。

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

HTML:

<DIV style="overflow:scroll; width:100px; height:100px; border:1px solid red;">
 aaaaaaaaaaaaaaaaaaaaaaaaa<BR>
 あ<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="window.scrollX:"+ window.scrollX +"<BR>" +"window.scrollY:"+ window.scrollY; //表示。 } window.onscroll=Job; //イベントの割り当て。

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

body 内の要素がスクロールしてもイベントは起こらない。

Element.scroll


テスト