EventDOM:事件DOM

EventDOM:事件DOM

  • 事件简介:

    • 事件主要实现“用户与网页的交互”,当事件发生时,去执行JS功能代码。

  • 常用事件:

    • onload:网页加载完成时

    • onclick:当点击时,所有标记都适用

    • onscroll:当拖动滚动条时

    • ommouseover:当放上鼠标时

    • onmouseout:当鼠标移开时

    • onsubmit:当提交表单时,(做表单验证)

    • onreset:当重置表单时

    • onfocus:当获得焦点时,把光标定位到文本框中

    • onblur:当失去焦点时,把光标从文本框中移开

    • onchange:当下拉列表内容改变时,用在下拉列表、上传文件。。。

    • onselect:当选中文本时

    • onresize:当改变窗口大小时,发生的事件

  • 事件句柄属性:

    • HTML标记,都有相应的事件属性。

    • 每一个HTML标记,都对应一个元素对象,元素对象也具有相应的事件属性。

    • 注意,元素对象的事件属性应该是全小写。

    • 事件属性后面调用的一般是JS函数,通过JS函数来完成相应的功能。

  • Event对象简介:

        当事件发生时,向调用函数,传递一个event参数,这个event参数是一个事件对象。

        该event对象中记录了当前事件发生的环境信息,如:单机时的坐标,事件类型等。

        注意:这个event是短暂存在的,新的event产生,原来的就消失了。

  • DOM中的Event对象
    • DOM中引入Event对象(DOM浏览器就是标准浏览器)

      • 在DOM中,event对象是作为事件调用函数时的参数,传递给函数的

      • 在event参数,是系统固定写法,全部小写,不能加引号,event对象参数。

    • 使用元素对象的事件属性来传递event对象

你可能感兴趣的:(EventDOM:事件DOM)