我是靠谱客的博主 忧心金毛,这篇文章主要介绍滚轮事件和键盘事件,现在分享给大家,希望可以做个参考。

一、滚轮事件

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可以取消默认行为,此时输入的内容不会出现在文本框中。

最后

以上就是忧心金毛最近收集整理的关于滚轮事件和键盘事件的全部内容,更多相关滚轮事件和键盘事件内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(80)

评论列表共有 0 条评论

立即
投稿
返回
顶部