ホームページ > ウェブフロントエンド > jsチュートリアル > JS は、マウスがスクロールしているかどうかを判断するコードを実装します。

JS は、マウスがスクロールしているかどうかを判断するコードを実装します。

小云云
リリース: 2018-03-30 14:10:47
オリジナル
2363 人が閲覧しました

この記事では、マウスが回転しているかどうかを判断するための JS 実装を主にコードの形式で共有します。これが皆さんのお役に立てれば幸いです。

<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>
ログイン後にコピー

関連する推奨事項:

コンテンツエリアが一番下までスクロールされているかどうかを判断するjsの詳細な説明

以上がJS は、マウスがスクロールしているかどうかを判断するコードを実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート