欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js鼠標(biāo)滑輪滾動事件綁定的簡單實例(兼容主流瀏覽器)

 更新時間:2014年01月14日 08:50:55   作者:  
本篇文章主要介紹了js鼠標(biāo)滑輪滾動事件綁定的簡單實例(兼容主流瀏覽器)。需要的朋友可以過來參考下,希望對大家有所幫助
復(fù)制代碼 代碼如下:

/** Event handler for mouse wheel event.
         *鼠標(biāo)滾動事件
         */ 
        var wheel = function(event) { 
            var delta = 0; 
            if (!event) /* For IE. */ 
                event = window.event; 
            if (event.wheelDelta) { /* IE/Opera. */ 
                delta = event.wheelDelta / 120; 
            } else if (event.detail) { 
                /** Mozilla case. */ 
                /** In Mozilla, sign of delta is different than in IE.
                 * Also, delta is multiple of 3.
                 */ 
                delta = -event.detail / 3; 
            } 
            /** If delta is nonzero, handle it.
             * Basically, delta is now positive if wheel was scrolled up,
             * and negative, if wheel was scrolled down.
             */ 
            if (delta) 
                handle(delta); 
            /** Prevent default actions caused by mouse wheel.
             * That might be ugly, but we handle scrolls somehow
             * anyway, so don't bother here..
             */ 
            if (event.preventDefault) 
                event.preventDefault(); 
            event.returnValue = false; 
        } 

        /** Initialization code. 
         * If you use your own event management code, change it as required.
         */ 
        if (window.addEventListener) { 
            /** DOMMouseScroll is for mozilla. */ 
            window.addEventListener('DOMMouseScroll', wheel, false); 
        } 
        /** IE/Opera. */ 
        window.onmousewheel = document.onmousewheel = wheel; 

        /** This is high-level function.
         * It must react to delta being more/less than zero.
         */ 
        var handle = function(delta) { 
            var random_num = Math.floor((Math.random() * 100) + 50); 
            if (delta < 0) { 
                // alert("鼠標(biāo)滑輪向下滾動:" + delta + "次!"); // 1 
                $("btn_next_pic").onclick(random_num); 
                return; 
            } else { 
                // alert("鼠標(biāo)滑輪向上滾動:" + delta + "次!"); // -1 
                $("btn_last_pic").onclick(random_num); 
                return; 
            } 
        } 

相關(guān)文章

  • token 機制和實現(xiàn)方式

    token 機制和實現(xiàn)方式

    這篇文章主要介紹了token 機制和實現(xiàn)方式的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)token,感興趣的朋友可以了解下
    2020-12-12
  • javascript在子頁面中函數(shù)無法調(diào)試問題解決方法

    javascript在子頁面中函數(shù)無法調(diào)試問題解決方法

    遇到在子頁面中提交的時候會無法能夠調(diào)試javascript代碼的情況出現(xiàn),下面有個不錯的解決方法,希望對大家有所幫助
    2014-01-01
  • JavaScript基于DOM操作實現(xiàn)簡單的數(shù)學(xué)運算功能示例

    JavaScript基于DOM操作實現(xiàn)簡單的數(shù)學(xué)運算功能示例

    這篇文章主要介紹了JavaScript基于DOM操作實現(xiàn)簡單的數(shù)學(xué)運算功能,涉及javascript節(jié)點操作、元素遍歷及數(shù)學(xué)運算相關(guān)操作技巧,需要的朋友可以參考下
    2017-01-01
  • 純js實現(xiàn)遮罩層效果原理分析

    純js實現(xiàn)遮罩層效果原理分析

    這篇文章主要介紹了純js實現(xiàn)遮罩層效果,下面就它的原理做下分析,感興趣的朋友可以參考下
    2014-05-05
  • 微信小程序?qū)崿F(xiàn)圖片放大預(yù)覽功能

    微信小程序?qū)崿F(xiàn)圖片放大預(yù)覽功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圖片放大預(yù)覽功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • JS實現(xiàn)在狀態(tài)欄顯示打字效果完整實例

    JS實現(xiàn)在狀態(tài)欄顯示打字效果完整實例

    這篇文章主要介紹了JS實現(xiàn)在狀態(tài)欄顯示打字效果的方法,涉及JavaScript中字符遍歷結(jié)合時間函數(shù)對狀態(tài)欄顯示進(jìn)行操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-11-11
  • 一次讓你了解全部JavaScript的作用域

    一次讓你了解全部JavaScript的作用域

    這篇文章主要介紹了一次讓你了解全部JavaScript的作用域,作用域決定了變量的生命周期和可見性,變量在作用域范圍之外是不可見的。,需要的朋友可以參考下
    2019-06-06
  • 小程序開發(fā)實現(xiàn)access_token統(tǒng)一管理

    小程序開發(fā)實現(xiàn)access_token統(tǒng)一管理

    本文主要介紹了小程序開發(fā)實現(xiàn)access_token統(tǒng)一管理,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-07-07
  • 使用 UniApp 實現(xiàn)小程序的微信登錄功能

    使用 UniApp 實現(xiàn)小程序的微信登錄功能

    這篇文章主要介紹了使用 UniApp 實現(xiàn)小程序的微信登錄功能,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-06-06
  • JS中2種定時器的使用及清除的實現(xiàn)

    JS中2種定時器的使用及清除的實現(xiàn)

    本文主要介紹了JS中2種定時器的使用及清除的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-08-08

最新評論