Onscroll
Event handler onscroll
(Bubbles: No, Cancelable: No) terjadi dikala isi dari suatu elemen yang memiliki scrollbar di-scroll.
Berikut pola meregister event handler onscroll
via ‘inline model’:
<DIV STYLE="width:200px;height:200px;overflow:auto" ONSCROLL="alert(‘Halo aku event handler’)"> <P STYLE="width:400px;height:400px">Scroll…</P> </DIV>
Berikut pola meregister event handler onscroll
via ‘traditional model’:
<DIV ID="divID" STYLE="width:200px;height:200px;overflow:auto"> <P STYLE="width:400px;height:400px">Scroll…</P> </DIV> <SCRIPT TYPE="text/javascript"> function HandleEvent() { alert("Halo aku event handler"); } document.getElementById("divID").onscroll=HandleEvent; </SCRIPT>
Berikut pola meregister event handler onscroll
via DOM:
<DIV ID="divID" STYLE="width:200px;height:200px;overflow:auto"> <P STYLE="width:400px;height:400px">Scroll…</P> </DIV> <SCRIPT TYPE="text/javascript"> function HandleEvent() { alert("Halo aku event handler"); } var divElem=document.getElementById("divID"); divElem.addEventListener("scroll", HandleEvent, false); </SCRIPT>
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like
Fan Page kami, dan
SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.