css滾動滾輪事件

2022-07-09 14:57:10 字數 401 閱讀 2443

對於滾動有兩種事件1就是滾動事件,2就是滾輪事件,下面是兩者區別

滾動事件

監聽方法onscroll,(火狐是去掉on),意思是當元素出現滾動條,並且滾動滾動條時,才會觸發,不管是通過滾輪,還是直接拉的滾動條

滾輪事件

監聽方法:ie和火狐不同

ie是scrollwheel,火狐是dommousescroll

可以寫乙個相容函式

function wheel_event(elem,func)else if(elem.addeventlistener)

}

滾輪事件可以給window/document新增,也可以對特定元素新增,當對特定元素新增滾輪事件的時候,意思是當滑鼠放在此元素的時候,只要滾動滾輪就會觸發,不管此元素上有沒有滾動條

滑鼠滾輪滾動事件wheel

滑鼠的滾輪事件主要有兩種 deltay detail wheeldelta deltamode detail deltax,滑鼠滾輪左右擺動,本屬性是唯讀的。負值,向左 正值,向右。正負方向,跟系統的x座標保持一致。deltay,滑鼠滾輪上下滾動,唯讀。負值,向上 正值,向下。deltamode,屬...

滑鼠滾輪事件

新增事件 有相容性 註冊事件 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 判斷滾輪向上或向下在瀏覽器中也有相容性...