一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