鼠標滾動事件

時間 2019-11-12

標籤鼠標滾動事件简体版

原文原文鏈接

鼠標滾動事件

關於滾動事件這方面，實際上是比較亂的。html

滾輪事件的兼容性差別有些不拘一格，不是以往的IE8-派和其餘派，而是FireFox派和其餘派。瀏覽器

包括IE6在內的瀏覽器是使用onmousewheel，而FireFox瀏覽器一我的使用DOMMouseScroll. 經本身測試，即便如今FireFox 19下，也是不識onmousewheel。測試

在其餘派中檢測滾動數值的屬性是wheelDelta ，向上滾爲120，向下爲-120。spa

在火狐中檢測滾動數值的屬性是detail，向上滾爲-3，向下爲3。code

<!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){//120
                    alert('上') }else(//-120
                    alert('下') ) } document.addEventListener("DOMMouseScroll", function(ev) { alert(ev.detail); if(ev.detail < 0){//-3
                    alert('上') }else(//3
                    alert('下') ) }); </script>
    </body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。