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对象