鍵盤事件 與 滑鼠滾輪事件

2021-10-24 22:59:04 字數 468 閱讀 7590

滑鼠滾輪事件,需要適配不同瀏覽器

火狐 dommousescroll進行事件監聽

其他 onmousewheel 進行事件監聽

其他 中 event.wheeldelta>0 和<0分別是向前滾動和向後滾動

滑鼠滾動事件中阻止預設事件時通過 return false來進行操作

altkey ctrlkey shiftkey 分別是判斷alt ctrl shift 三個鍵是否按下

注:ie 滑鼠滾輪向上是120, 向下滾動是-120

opera 滑鼠滾輪向上是120, 向下滾動是-120

chrome 滑鼠滾輪向上是120, 向下滾輪是-120

safari 滑鼠滾輪向上是360, 向下滾輪是-360

firefox 滑鼠滾輪向上是-3,向下滾輪是3

onmousewheel傳進來的引數中的滑鼠位置是螢幕座標系中的位置,這點和其它幾個滑鼠事件的引數有點不一樣。

16 滾輪事件與鍵盤事件

onmousewheel 滑鼠滾輪滾動的事件,會在滾輪滾動時觸發,但是火狐不支援該屬性 dommousescroll 在火狐中使用dommousescroll來繫結滾動事件,注意該事件需要通過addeventlistener 函式來繫結 event.wheeldelta 可以獲取滑鼠滾輪滾動的方向 ...

滑鼠滾輪事件

新增事件 有相容性 註冊事件 if document.addeventlistener window.onmousewheel document.onmousewheel scrollfunc ie opera chrome detail與wheeldelta 判斷滾輪向上或向下在瀏覽器中也有相容性...

滑鼠滾輪事件

新增事件 有相容性 註冊事件 if document.addeventlistener window.onmousewheel document.onmousewheel scrollfunc ie opera chrome detail與wheeldelta 判斷滾輪向上或向下在瀏覽器中也有相容性...