JS滑鼠滾輪事件詳解

文章目錄

//相容性寫法，該函式也是網上別人寫的，不過找不到出處了，蠻好的，所有我也沒有必要修改了

//判斷滑鼠滾輪滾動方向
if (window.addeventlistener)//ff,火狐瀏覽器會識別該方法
window.addeventlistener('dommousescroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;//w3c
//統一處理滾輪滾動事件
function wheel(event) else if (event.detail) 
if (delta)
handle(delta);
}//上下滾動時的具體處理函式
function handle(delta) else
}

$(document).on('mousewheel dommousescroll', onmousescroll);

function onmousescroll(e)else 
}

正因為來之不易，所以才有了後來的倍加珍惜。

JS滑鼠滾輪事件詳解

相容性寫法，該函式也是網上別人寫的，不過找不到出處了，蠻好的，所有我也沒有必要修改了 判斷滑鼠滾輪滾動方向 if window.addeventlistener ff,火狐瀏覽器會識別該方法 window.addeventlistener dommousescroll wheel,false win...

js中滑鼠滾輪事件詳解

附加事件 其中經我測試，ie opera屬於同一型別，使用attachevent即可新增滾輪事件。ie註冊事件 if document.attachevent firefox使用addeventlistener新增滾輪事件 firefox註冊事件 if document.addeventlisten...

js滑鼠滾輪事件相容

ie6.0首先實現了滑鼠的滾輪事件，其良好的互動效果得到認可，隨後opera chrome safari等主流瀏覽器都實現了該效果，不過存在著很大的相容問題。大多數瀏覽器支援mousewheel事件操作，它可以在任何元素上觸發，最終冒泡到document或window物件 而在firefox中，支援...