滚轮事件

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。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值