Movatterモバイル変換


[0]ホーム

URL:


  1. 給開發者的 Web 技術文件
  2. Web API
  3. WheelEvent

此頁面由社群從英文翻譯而來。了解更多並加入 MDN Web Docs 社群。

View in EnglishAlways switch to English

WheelEvent

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

* Some parts of this feature may have varying levels of support.

WheelEvent DOM 事件會在用戶滚动滑鼠滚轮或操作其它類似滑鼠的設備時觸發。

警告:該事件爲標準規定的事件介面。早期的瀏覽器實現過MouseWheelEventMouseScrollEvent 兩種滾輪事件介面,但這兩種介面皆非標準,加之各瀏覽器間對其相容性極差。因而開發者應用該標準事件介面取代這兩個非標準介面。

備註:請勿想當然依據滾輪方向(即該事件的各 delta 屬性值)來推斷文檔內容的滾動方向,因標準未定義滾輪事件具體會引發什麼樣的行爲,引發的行爲實際上是各瀏覽器自行定義的。即便滾輪事件引發了文檔內容的滾動行爲,也不表示滾輪方向和文檔內容的滾動方向一定相同。因而通過該滾輪事件獲知文檔內容滾動方向的方法並不可靠。要獲取文檔內容的滾動方向,可在文檔內容滾動事件(scroll)中監視scrollLeftscrollTop 二值變化情況,即可推斷出滾動方向了。

Event UIEvent MouseEvent WheelEvent

建構式

WheelEvent()

建立一個WheelEvent 物件。

屬性

該介面繼承了父介面MouseEventUIEventEvent 的屬性。

WheelEvent.deltaXRead only

返回double 值,該值表示滾輪的橫向滾動量。

WheelEvent.deltaYRead only

返回double 值,該值表示滾輪的縱向滾動量。

WheelEvent.deltaZRead only

返回double 值,該值表示滾輪的 z 軸方向上的滾動量。

WheelEvent.deltaModeRead only

返回unsigned long 值,該值表示上述各 delta 的值的單位。該值及所表示的單位如下:

常數描述
DOM_DELTA_PIXEL0x00滾動量單位爲像素。
DOM_DELTA_LINE0x01滾動量單位爲行。
DOM_DELTA_PAGE0x02滾動量單位爲頁。

方法

該介面本身未定義方法,但繼承了父介面MouseEventUIEventEvent 的方法。

規範

Specification
UI Events
# interface-wheelevent

瀏覽器相容性

參見

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp