PC版電腦微信內置瀏覽器不支持touch事件的變通解決辦法

一H5頁面原本在移動端跑的好好的,用的alloyTouch組件,結果老闆硬生生要在電腦版微信裏打開,PC端沒有touch事件,結果滑不動,只好想點兼容變通的辦法,上代碼:chrome

//    兼容PC版微信滾輪事件代替touch    //
    $(document).on('mousewheel DOMMouseScroll', onMouseScroll);
    function onMouseScroll(e){
        e.preventDefault();
        var wheel = e.originalEvent.wheelDelta || -e.originalEvent.detail;
        var delta = Math.max(-1, Math.min(1, wheel) );
        if(delta<0){                //    向下滾動
            console.log('向下滾動 ');
        }else{                        //    向上滾動
            console.log('向上滾動 ');
        }    
    }

 

 IE、chrome監聽的是wheelDelta,向下滾動其值爲-120;向上滾動其值爲120微信

 FF監聽的是detail,向下滾動其值爲3;向上滾動其值爲-3spa

相關文章
相關標籤/搜索