美文网首页
关于鼠标、键盘、focus等几个事件

关于鼠标、键盘、focus等几个事件

作者: 任无名F | 来源:发表于2017-05-09 16:21 被阅读0次
focus、blur、focusin、focusout的区别
  • focus,元素获取焦点时触发事件,不包括子元素
  • focusin,元素获取焦点时触发事件,包括子元素
  • blur,元素失去焦点时触发事件,不包括子元素
  • focusout,元素失去焦点时触发事件,包括子元素
mouseout、mouseleave的区别
  • mouseleave,鼠标离开元素时触发事件,不包括离开其子元素
  • mouseout,鼠标离开元素时触发事件,包括离开其子元素
总结以上

后缀为“out”或“in”的事件,是可以监听到其子元素行为的,否则不监听其子元素。

keypress、keydown的区别
  • keypress,用于监听键盘输入,只针对字母和数字,区分大小写,无法监听到ctrl、shift、alt等
  • keydown,用于监听键盘输入,除了prtScreen以外的所有键,不区分大小写
总结以上

当有区分字母大小写或者区分!@#$%等符号的需求时,应监听keypress事件;当设置ctrl+字母、shift+字母等快捷键时,应监听keydown事件。

相关文章

  • 关于鼠标、键盘、focus等几个事件

    focus、blur、focusin、focusout的区别 focus,元素获取焦点时触发事件,不包括子元素 f...

  • WPF之路-键盘与鼠标事件

    键盘事件 事件类型分为以下几个类型 生命周期事件:在元素加载与卸载的时候发生 鼠标事件:鼠标动作 键盘事件:键盘动...

  • 2018-03-13

    focus呼出键盘 focus调用包装在一个用户行为触发的事件中,如点击事件、表单onChange事件等。(tap...

  • day11 Pygame Ⅱ 事件处理2018-07-30

    一、Pygame中的事件 鼠标事件和键盘事件   监测鼠标、键盘事件 鼠标事件 键盘事件   二、鼠标事件的应用1...

  • DOM事件探秘(2)事件类型

    DOM有不同的事件类型,按大类分有鼠标事件,键盘事件。根据《DOM事件探秘》文章,我们来做几个综合实例。 鼠标事件...

  • 事件的分类

    事件分为鼠标事件,键盘事件,表单事件以及移动端事件,今天主要介绍一下鼠标键盘以及表单事件 鼠标事件 redDiv....

  • July 30-day13-Python中Pygame

    触碰事件 有鼠标、键盘等等 对鼠标事件的应用 鼠标点击事件的应用(对鼠标的拖拽) 字体动画的效果 键盘事件的应用 ...

  • 防抖和节流

    什么是抖? 鼠标和键盘等事件会频繁触发,比如mousemove事件,当鼠标滑动的时候就会触发事件,并运行事件里的运...

  • JS事件

    ?事件的相关术语 事件类型: 鼠标事件、键盘事件事件名称: click、dbclick等事件目标: 表示与发生事件...

  • 浏览器全屏

    在HTML5中,W3C制定了关于全屏的API但是只能由用户事件触发(可以是鼠标事件,键盘事件等),所以不能自动全屏...

网友评论

      本文标题:关于鼠标、键盘、focus等几个事件

      本文链接:https://www.haomeiwen.com/subject/znfitxtx.html