Home >Web Front-end >JS Tutorial >JS implements code to determine whether the mouse is scrolling

JS implements code to determine whether the mouse is scrolling

小云云
小云云Original
2018-03-30 14:10:472374browse

This article mainly shares with you the JS implementation to determine whether the mouse is rolling. It is mainly shared with you in the form of code. I hope it can help you.

<script>
   var scrollFunc = function (e) {  
        var direct = 0;  
        e = e || window.event;  
        if (e.wheelDelta) {  //判断浏览器IE,谷歌滑轮事件               
            if (e.wheelDelta > 0) { //当滑轮向上滚动时  
                alert("滑轮向上滚动");  
            }  
            if (e.wheelDelta < 0) { //当滑轮向下滚动时  
                alert("滑轮向下滚动");  
            }  
        }
         else if (e.detail) {  //Firefox滑轮事件  
            if (e.detail> 0) { //当滑轮向上滚动时  
                alert("滑轮向上滚动");  
            }  
            if (e.detail< 0) { //当滑轮向下滚动时  
                alert("滑轮向下滚动");  
            }  
        }  
        ScrollText(direct);  
    }  
    //给页面绑定滑轮滚动事件  
    if (document.addEventListener) {  
        document.addEventListener(&#39;DOMMouseScroll&#39;, scrollFunc, false);  
    }  
    //滚动滑轮触发scrollFunc方法  
    window.onmousewheel = document.onmousewheel = scrollFunc;
</script>

Related recommendations:

Detailed explanation of js to determine whether the content area is scrolled to the bottom

The above is the detailed content of JS implements code to determine whether the mouse is scrolling. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn