事件监听基础

• 目标：能给DOM元素添加事件监听

• 什么是事件？
  • 事件是编程时系统发生的动作
  • 比如用户在网页上单击一个按钮

• 什么是事件监听

  • 就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为绑定事件或注册事件，比如：鼠标经过显示下拉菜单，比如点击可以播放轮播图等等

• 语法

  • 元素对象.addEventListener('事件类型'，要执行的函数)

• 事件监听三要素：

  • 事件源：哪个DOM元素被触发了，要获取DOM元素
  • 事件类：用什么方式触发，比如鼠标单击click、鼠标经过mouseover等
  • 事件调用的函数：要做什么事