鼠標滾輪事件

使用js對鼠標滾輪事件進行控制,滾輪事件其中考慮瀏覽器兼容性問題
其中火狐瀏覽器事件為:"DOMMousescroll";其余瀏覽器是:"onmousewheel"
onmousewheel事件在火狐瀏覽器中為:"null";
滾輪事件綁定:

//事件綁定
    function addEvent(obj,sEv,fn){
        if(obj.addEventListener){ 
  // addEventListener(高級瀏覽器)
            obj.addEventListener(sEv,fn,false);
        }else{
  // attachEvent(iE8-使用)
            obj.attachEvent('on'+sEv,fn);   
        }
    }
//阻止默認行為
 function preventDefault(ev){
        var oEvent = ev || event;
    if(ev.preventDefault){
        ev.preventDefault();
    }else{
        ev.returnValue = false;
    }
//滾輪事件
function addWheel(obj,fn){
    if(obj.onmousewheel === null){
        addEvent(obj,'DOMMouseScroll',wheel);
    }else{
        addEvent(obj,'mousewheel',wheel);
    }
    function wheel(ev){
        var oEvent = ev || event;
        var bDown = oEvent.wheelDelta ? oEvent.wheelDelta<0 : oEvent.detail>0;fn && fn(bDown);
            preventDefault(ev);
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 鼠標滾輪事件有兼容性的問題,主要是firfox和其他瀏覽器的差異,以下就這兩種情況分開說明: 其他瀏覽器 事件名稱...
    llpy閱讀 394評論 0 1
  • 通過一個小例子來介紹鼠標的滾輪事件,通過鼠標向上滾動來放大圖片,向下滾動來縮小圖片下面是HTML文檔 下面是封裝的...
    likeli閱讀 336評論 1 1
  • 事件流 IE和Netscape開發(fā)團隊提出了完全相反的兩種事件流的概念,事件冒泡流和事件捕獲流。 事件冒泡 事件由...
    exialym閱讀 1,055評論 0 9
  • 簡書是一款可以寫作的社交軟件,我注冊了好多天,一直沒敢動筆,原因有二,其一,我有自知之明,知道自己就那么半桶...
    榆笛閱讀 778評論 16 6

友情鏈接更多精彩內(nèi)容