滚轮事件和键盘事件

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_44313091/article/details/101624610

滚轮事件

onmousewheel 鼠标滚轮的事件，会在滚轮滚动是触发，但是火狐浏览器不支持该属性。在火狐中，需要使用DOMMouseScroll来绑定滚轮事件。注意：该事件需要通过addEventListener（）函数来绑定。

判断滚轮的方向

wheelDelta 可以获取鼠标滚轮滚动的方向，向上滚120，向下滚-120，wheelDelta这个值不看大小，只看正负。火狐浏览器不支持wheelDelta属性。在火狐中使用event.detail 来获取滚动的方向，向上滚-3，向下滚3。

当滚轮滚动时，如果浏览器有滚动条，滚动条会随之滚动，这是浏览器的默认行为，如果不希望发生，则可以需要默认行为，

键盘事件

键盘事件一般都会绑定给一些可以获取到焦点的对象或者是document

- onkeydown

按键被按下，对于onkeydown来说，如果一直按着某个按键不松手，则事件会一直触发。当onkeydown连续触发时，第一次和第二次之间会间隔稍微长一点，其他的会非常快，这种设计是为了防止误操作的发生。

- onkeyup

按键被松开

keyCode

可以通过keyCode来获取按键的编码，通过他可以判断哪个按键被按下，除了keyCode，事件对象中还提供了几个属性，altKey、

ctrlKey、shiftKey，这三个用来判断alt、ctrl、shift是否被按下，如果按下则返回true，否则返回false。