Latest web development tutorials

onscroll 事件

事件對象參考手冊 事件對象

實例

<div> 元素滾動時執行JavaScript

<div onscroll="myFunction()">

嘗試一下»


定義和用法

onscroll 事件在元素滾動條在滾動時觸發。

提示:使用CSS overflow樣式屬性來創建元素的滾動條。


瀏覽器支持

Event
onscroll Yes Yes Yes Yes Yes


語法

HTML 中:

<elementonscroll="myScript"> 嘗試一下

JavaScript 中:

object .onscroll=function(){myScript}; 嘗試一下

JavaScript 中, 使用addEventListener() 方法:

object .addEventListener("scroll", myScript ); 嘗試一下

注意: Internet Explorer 8及更早IE版本不支持addEventListener()方法。


Technical Details

技術細節

是否支持冒泡: Yes
是否可以取消: No
事件類型: Event
支持的HTML 標籤: <address>, <blockquote>, <body>, <caption>, <center>, <dd>, <dir>, <div>, <dl>, <dt>, <fieldset>, <form>, <h1 > - <h6>, <html>, <li>, <menu>, <object>, <ol>, <p>, <pre>, <select>, <tbody>, <textarea>, <tfoot>, <thead>, <ul>


事件對象參考手冊 事件對象