滑鼠的滾輪事件主要有兩種:
deltay、detail、wheeldelta ,deltamode detail
deltax，滑鼠滾輪左右擺動，本屬性是唯讀的。 負值，向左；正值，向右。（正負方向，跟系統的x座標保持一致。）
deltay，滑鼠滾輪上下滾動，唯讀。負值，向上；正值，向下。
deltamode，屬性返回乙個數字，表示滾動值 （deltax，deltay，deltaz） 的長度單位。
wheeldelta, 屬性返回乙個數字 正數表示向上滾動 ,負數表示向下滾動
detail 屬性返回乙個數字 在firefox中 正數表示向下滾動 ,負數表示向上滾動 與wheeldelta相反
如何判斷滑鼠滾輪得滾動方向得相容寫法
function mousewheel(e)
if (e.wheeldelta < 0)
} else if (e.detail)
if (e.detail< 0)
}}//給頁面綁定滑輪滾動事件
//其他瀏覽器
document.onmousewheel = mousewheel;
//火狐使用dommousescroll繫結
document.addeventlistener("dommousescroll", mousewheel)
onscroll 觸發可以有多種方式，只要可以讓滾動條發生滾動（x方向或y方向）都可以觸發該事件
onscroll 滾動條不存在（容器的內容小於容器的大小）或者手動隱藏（新增樣式overflow:hidden）
就不會被觸發
onwheel 只要在滑鼠滾輪滾動的時候就會觸發 不論是否有滾動條
滑鼠滾輪事件
新增事件 有相容性 註冊事件 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 判斷滾輪向上或向下在瀏覽器中也有相容性...
滑鼠滾輪事件
滑鼠滾輪事件和鍵盤事件以及滑鼠左右鍵沒本質的區別。2 if document.addeventlistener window.onmousewheel document.onmousewheel scroll ie opera chrome safari 像上面這樣就可以給整個文件繫結滾輪事件。fu...