1,滚轮就是鼠标上滚轮,他滚动的时候触发事件。注意:window.onscroll这是窗口的卷动事件,不管因为什么(滚轮、滚动条、键盘上下键)导致页面滚动了,就会触发滚动事件。滚轮事件就是鼠标滚轮滚动的时候触发,不一定引起页面的卷动。
oDiv.onmousewheel = function(event){
oDiv.innerHTML = event.wheelDelta;
}
onmousewheel 就是鼠标滚动事件,mouse是鼠标,wheel就是轮子。event参数最重要的事就是event.wheelDelta属性,表示滚动的方向,这是浏览器的规定:鼠标往上滚:120、鼠标往下滚:-120。如果你鼠标滚轮的速度越快它的值就越大,但无论如何它就是120和120的倍数,往下快速的滚动可能也会出现负的。
onmousewheel事件的触发时滚轮滚动一“咯噔”触发一次。
火狐浏览器不兼容,火狐使用自己的专用事件DomMouseScroll,并且这个事件只能通过DOM2级的事件绑定方式添加。
oDiv.addEventListener(“DomMouseScroll”,function(event){
oDiv.innerHTML = event.detail;
},false);
火狐添加的事件,是它自己的专门事件DomMouseScroll,表示滚动方向的事件的属性叫做event.detail。detail就是细节的意思。反着的,滚动方向往上,-3;往下就是3。
滚轮事件
最新推荐文章于 2023-10-31 16:45:58 发布