• JavaScript中事件及其详解


    概述:JS使我们有能力去创建动态页面,事件就是可以被JS侦测到的行为。

    事件的三要素:

            事件源:事件被触发的对象,就是谁触发了这个事件

            事件类型:比如:鼠标点击,鼠标经过,键盘按下

            事件处理程序:通过一个函数赋值的方式完成

    事件执行的步骤:

            1.获取事件源

            2.注册事件(也叫绑定事件)

            3.添加事件处理程序(一般用function函数)

    操作元素:

    JS的dom操作可以改变网页内容,结构和样式,我们就可以利用dom操作元素来改变元素里面的内容属性等。

    【修改元素属性】:先获取元素,注册事件,处理程序,然后直接调用元素的属性赋值。

    事件的分类:鼠标事件,键盘事件,HTML事件。

    常见的事件类型:

    1.点击事件:

                    onclick:单机事件

                    ondblclick:双击事件

    2.焦点事件:

                    onblur:失去焦点

                    onfocus:元素获得焦点

    3.加载事件:

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

    4.鼠标事件:onclick:点击事件

                      ondblclick:双击事件

                      onmousedown:按下鼠标不松开触发

                      onmouseup:松开鼠标按钮时触发

                      onmouseover:鼠标移入某个元素触发

                      onmouseout:当鼠标移出某个元素触发

                      onmouseenter:当鼠标移入某个元素那一刻触发

                      onmouseleave:当鼠标移出某个元素那一刻触发

    onmouseover和onmouseenter的区别:前者会影响子元素的触发事件,后者不会影响。

    5.键盘事件:

                    onkeydown:某个键盘按键被按下

                    onkeyup:某个键盘按键被松开

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

    6.选择和改变:

                    onchange:域的内容被改变

                    onselect:文本被选中

    7.表单事件:

                    onsubmit:确认按钮被点击

                    onreset:重置按钮被点击

    js中回调函数机制:回调函数的特点:自己把这个函数代码写出来了,但是这个函数不是自己负责调用,由其他程序负责调用该函数。

           

  • 相关阅读:
    苹果电脑显示器校准推荐 BetterDisplay Pro for Mac
    UE4 死活打不开工程,卡在91%就闪退了
    Spring中的注解01
    dom操作的其他功能
    Mysql——索引
    手动实现Promise核心逻辑
    计算机网络快速复习
    Python 字典类型拓展(包括 MappingProxyType 只读字典, defaultdict 缺省字典和 ChainMap)
    自己实现 SpringMVC 底层机制 系列之-实现任务阶段 7- 完成简单视图解析
    【VScode】VScode+如何从git上面拉取代码?
  • 原文地址:https://blog.csdn.net/qq_46642326/article/details/127892334