本文主要是介绍JavaScript初级——滚轮事件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、 onmousewheel 鼠标滚轮滚动的事件,会在滚轮滚动时触发,但是火狐不支持该属性。
在火狐中需要使用 DOMMouseScroll 来绑定滚动事件;该事件需要通过 addEventListener() 函数来绑定。
2、 event.wheelDelta 可以获取鼠标滚轮滚动的方向。
向上滚120,向下滚-120。
wheelDelta这个值不看大小,只看正负。
火狐不支持,在火狐中使用 even.detail 来获取滚动的方向,向上滚-3,向下滚3。
3、当滚动条滚动时,如果浏览器有滚动条,滚动会随之滚动,这是浏览器的默认行为,如果不希望发生,则可以使用 return false 来取消默认行为。
4、使用 addEventListener()方法绑定响应函数,取消默认行为时不能使用 return false,需要使用 event.preventDefault() 来取消默认行为;但是IE8不支持event.preventDefault(),如果直接调用会报错。
本文分享到这里,下一篇继续分享关于JavaScript初级学习中的键盘事件的内容。
这篇关于JavaScript初级——滚轮事件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!