首页 > 其他分享 >DOM事件

DOM事件

时间:2023-01-02 02:33:18浏览次数:37  
标签:鼠标 DOM 键盘 事件 监听器 按钮 某个

1.概念:某些组件被执行了某些操作之后,触发某些代码的执行。

  *事件:某些操作:如:点击,双击

  *事件源:组件。如:按钮,文本输入框.....

  *监听器:代码

  *注册监听:将事件,事件源,监听器结合在一起。当事件源上发生了某个事件,则触发执行某个监听器代码。

2.常见的事件:

  1.点击事件:

    1.onclick:单击事件

    2.ondbclick:双击事件

  2.焦点事件:

    1.onblur:失去焦点

    2.onfocus:元素获得焦点

  3.加载事件:

    1.onload:一张页面或一幅图像完成加载

  4.鼠标事件:

    1.onmousedown:鼠标按钮被按下

    2.onmouseup:鼠标按钮被松开

    3.onmousemove:鼠标被移动

    4.onmouseover:鼠标移到某元素之上

    5.onmouseout:鼠标从某元素移开

  5.键盘事件:

    1.onkeyup:某个键盘被松开

    2.onkeydown:某个键盘被按下

    3.onkeypress:某个键盘被按下并松开

  6.选择和改变

    1.onchange:域的内容被改变

    2.onselect:文本被选中

  7.表单事件:

    1.onsubmit:确实按钮被点击

    2.onreset:重置按钮被点击

标签:鼠标,DOM,键盘,事件,监听器,按钮,某个
From: https://www.cnblogs.com/lin513/p/17019359.html

相关文章

  • input输入框的一些常用事件介绍
    1.onfocus当input获取到焦点时触发.2.onblur当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空.3.onc......
  • delphi 关于ComBoBox控件用代码设置值时,onchange事件失效的解决方案
    问题表现为:手动设置里一点问题也没有,值和颜色都能正常显示,但是通过代码操作时,onchange事件并没有被触发.  解决方案是让它主动触发:ComArr是个全局TList,窗体......
  • WPF 自定义附加事件
    我们都知道路由事件,而附加路由事件用的比较少。但如果是通用的场景,类似附加属性,附加事件就很有必要的。举个例子,输有这么多输入事件Mouse、Touch、Stylus,另外按钮Click还处......
  • DOM
    1.概念:DocumentObjectModel文档对象模型  *将标记语言文档的各个组成部分,封装为对象。可以使用这些对象,对标记语言文档进行CRUD的动态操作。2.W3CDOM标准被分为3......
  • vue 实现遮罩层禁止滚动事件
    我们在写弹出的遮罩层时,下方的页面依然可以滚动,这时我们就要想些办法来实现了。移动端vue中提供@touchmove.prevent方法可以完美解决这个问题在蒙层所在div上加@touchmov......
  • jsdom自动补全环境
    constjsdom=require("jsdom");const{JSDOM}=jsdom;constdom=newJSDOM('<!DOCUMENThtml><p>Test</p>')window=dom.windowdocument=window.documentnavigato......
  • C# 事件
    前言本文只是为了复习,巩固,和方便查阅,一些知识点的详细知识会通过相关链接和文献标记出来。为什么要用事件要考虑这个问题之前,首先要知道使用委托的缺点,先看下面几段代码......
  • [概率论与数理统计]笔记:1.2 随机事件的概率
    1.2随机事件的概率定义简单定义概率是随机事件发生的可能性大小的度量(数值)。频率可以作为概率的估计,但频率的稳定值不能作为概率的定义。一个事件的概率是由事件本......
  • 虚假新闻检测(CADM)《Unsupervised Domain Adaptation for COVID-19 Information Servic
    论文信息论文标题:UnsupervisedDomainAdaptationforCOVID-19InformationServicewithContrastiveAdversarialDomainMixup论文作者:HuiminZeng,ZhenruiYue,Zi......
  • 17 | React 事件机制
      无论是在面试场景下,还是在实际的开发中,React事件相关的问题都更倾向于考验我们对事件工作流、事件特征等逻辑层面问题的理解,而非对源码细节的把握。所以掌握事件工作......