DOM-事件

事件

• 事件是在编程时系统内发生的动作或者发生的事情

事件监听

• 就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为 注册事件

• 元素.addEventListener(’事件‘， 事件执行函数)

    span.addEventListener('click', function () { })

• 三要素：

  • 事件源 (谁被触发了)
  • 事件 (用什么方式触发，点击还是鼠标经过等)
  • 事件处理程序 （要做什么事情）

• 事件类型

  • 鼠标触发

    • click 鼠标点击
    • mouseenter 鼠标经过
    • mouseleave 鼠标离开

  • 焦点事件

    • focus 获得焦点
    • blur 失去焦点

  • 键盘事件

    • Keydown 键盘按下触发
    • Keydown 键盘按下触发

  • 文本事件

    • input 用户输入事件