• 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中回调函数机制:回调函数的特点:自己把这个函数代码写出来了,但是这个函数不是自己负责调用,由其他程序负责调用该函数。

           

  • 相关阅读:
    Android12.0 系统限制上网系列之iptables用IOemNetd实现app上网黑名单的实现
    python-基础入门
    RABBITMQ的本地测试证书生成脚本
    信息学奥赛一本通:1399:甲流病人初筛
    Rust所有权及引用
    springboot自定义starter集成controller、Dao
    Go语言excelize包-06-样式设置(样式设置、区间使用样式、行使用样式、列使用样式)
    数据结构与算法(文章链接汇总)
    CMake链接外部库
    vue中的响应式数据和副作用函数
  • 原文地址:https://blog.csdn.net/qq_46642326/article/details/127892334