首頁  >  文章  >  web前端  >  js事件--滑鼠滾動

js事件--滑鼠滾動

巴扎黑
巴扎黑原創
2017-07-20 15:41:211486瀏覽

滑鼠滾動事件

關於滾動事件這方面,其實是比較亂的。

滾輪事件的兼容性差異有些不拘一格,不是以往的IE8-派和其他派,而是FireFox派和其他派。

包括IE6在內的瀏覽器是使用onmousewheel,而FireFox瀏覽器一個人使用DOMMouseScroll. 經過自己測試,即使現在FireFox 19下,也是不識onmousewheel

在其他派中偵測滾動數值的屬性是wheelDelta ,向上滾為120,向下為-120。

在火狐中偵測滾動數值的屬性是detail,向上滾為-3,向下為3。

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>document.onmousewheel = function(event){
                ev = event || window.event;
                alert(ev.wheelDelta);if(ev.wheelDelta > 0){//120alert('上')
                }else(//-120alert('下')
                )
                    
                
            }
            document.addEventListener("DOMMouseScroll", function(ev) {
                alert(ev.detail);if(ev.detail < 0){//-3alert(&#39;上&#39;)
                }else(//3alert(&#39;下&#39;)
                )
            });</script>
    </body>
</html>

 

 <br>

以上是js事件--滑鼠滾動的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn