Rumah > Artikel > hujung hadapan web > js事件--鼠标滚动

js事件--鼠标滚动

巴扎黑asal: 2017-07-20 15:41:211469semak imbas

鼠标滚动事件

关于滚动事件这方面，其实是比较乱的。

滚轮事件的兼容性差异有些不拘一格，不是以往的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>

Atas ialah kandungan terperinci js事件--鼠标滚动. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：JavaScript表达式和语句Artikel seterusnya：最新ES8特性概述

Artikel berkaitan

Lihat lagi