首頁 > web前端 > js教程 > 主體

js事件--滑鼠滾動

巴扎黑
發布: 2017-07-20 15:41:21
原創
1483 人瀏覽過

滑鼠滾動事件

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

滾輪事件的兼容性差異有些不拘一格,不是以往的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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板