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

           

  • 相关阅读:
    Mac版2024 CleanMyMac X 4.14.6 核心功能详解
    karmada v1.7.0安装指导
    解决POI的SXSSFSheet 创建excel下拉框,下拉框内容过多时不显示的问题
    java项目开发实例java+ssh+mysql实现的共享自行车单车租赁|出租管理系统
    IP-GUARD如何迁移服务器?需要怎么操作?
    YUVToRGB(CUDA Conversion)库的学习
    Jelurida参会KBW2022,瑞士公链登陆韩国峰会
    “微信小号”注册攻略!无需绑定手机号也能注册一个新微信
    使用Idea连接Mysql以及基本的连接Mysql方式
    【接口测试】Day7-接口测试框架
  • 原文地址:https://blog.csdn.net/qq_46642326/article/details/127892334