解析javascript中鼠標滾輪事件_javascript技巧

Firefox不支持mousewheel

以下滾輪向下滾動是chrome和IE9下面控制臺輸出

以下是滾輪向下滾動Firefox下面控制臺輸出

從上面輸出得出，可以使用非標準的DOMMouseScroll事件取代mousewheel，使用事件對象的detail屬性取代wheelDetal。但是，detail屬性值的縮放比率和正負符號不同于wheelDetal,detail值乘以-40和wheelDetal值相等。

在除了FireFox之外的瀏覽器下，滾動的上下滾動與否是下面這個wheelDelta有關。

根據測試，在我的win7系統下，無論IE7, IE10, Opera12,或者是safari5.1，每次往下滾動event.wheelDelta值都是-120.

對于FireFox瀏覽器（Opera瀏覽器也有），判斷鼠標滾動方向的屬性為event.detail, 向下滾動值為3.

需要注意的是，FireFox瀏覽器的方向判斷的數值的正負與其他瀏覽器是相反的。FireFox瀏覽器向下滾動是正值，而其他瀏覽器是負值。

以上所述就是本文的全部內容了，希望大家能夠喜歡。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com