滚轮事件和键盘事件

一、滚轮事件

onmousewheel

鼠标滚轮滚动的事件，会在滚轮滚动时触发，但火狐不支持该属性。

DOMMouseScroll

在火狐中需要使用DOMMouseScroll来绑定滚动事件，该事件需要通过addEventListener()函数来绑定。

event.wheelDelta

可以获取鼠标滚轮滚动的方向，event.wheelDelta > 0 表示向上滚，<0表示向下滚，不支持火狐浏览器

event.detail

在火狐中使用event.detail来获取滚动的方向，>0表示向下滚，<0表示向上滚

补充

• 当滚轮滚动时，如果浏览器有滚动条，滚动条会随之滚动，这是浏览器的默认行为，通过return false取消该默认行为
• 使用addEventListener()绑定的响应函数，取消默认行为不能用return false， 需要使用event.preventDefault()

二、键盘事件

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

onkeydown

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

onkeyup

• 按键被松开、

event.keyCode

• 通过event.keyCode来获取按键的编码，它的值是按键对应的编码
• 除了event.keyCode，事件对象中还提供了几个属性：

1. altKey
2. ctrlKey
3. shiftKey
   这三个属性来判断alt、ctrl、shift是否被按下，如果按下返回true，否则返回false。

• 在文本框中输入内容，是onkeydown的默认行为，通过return false可以取消默认行为，此时输入的内容不会出现在文本框中。

最后

以上就是忧心金毛为你收集整理的滚轮事件和键盘事件的全部内容，希望文章能够帮你解决滚轮事件和键盘事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。