1. 程式人生 > >JavaScript鼠標滾輪事件

JavaScript鼠標滾輪事件

TE span 兼容 col 用戶 com firefox 屬性 最終

   IE6.0首先實現了鼠標的滾輪事件,其良好的交互效果得到認可,隨後Opera、chrome、safari等主流瀏覽器都實現了該效果,不過存在著很大的兼容問題。

   大多數瀏覽器支持mousewheel事件操作,它可以在任何元素上觸發,最終冒泡到document或window對象;而在Firefox中,支持的是另外一種事件——DOMMouseScroll,其中最為特殊的是它必須用addEventListener方法實現,故一般進行如下處理

mousewheel觸發事件會有一個特殊的事件屬性——wheelDelta,當用戶向前滾動是,它的值是120的倍數,向後滾動時,它的值是-120的倍數。不過在Opera9.5之前的版本中,正負號是顛倒的;在Firefox中,並沒有wheelDelta屬性,而是detail屬性,與wheelDelta相比較,它不僅正負號顛倒,其值是3的倍數。為了兼容正負號顛倒的問題,可以采取設定布爾值的解決方法。技術分享圖片

JavaScript鼠標滾輪事件