JS的事件监听<div></div> addEventListener 语法:元素.addEventListener('

<style>
    div {
      width: 200px;
      height: 200px;
      background-color: pink;
    }
</style>

<div></div>

    // 0.获取元素
    var box = document.querySelector('div')

addEventListener
- 语法:元素.addEventListener('事件类型',事件处理函数,第三个形参)
- 第三个形参先欠着，后续会详细讲解，因为有默认值，所以我们暂时先不传递第三个形参
- 注意：这里的事件类型，全部都一样不需要加on
- 执行领序会按照我们的注册的顺序执行(也就是代码书写的顺序)

    box.addEventListener('click', function() {
      console.log('绑定的第一个事件')
    })
    box.addEventListener('click', function() {
      console.log('绑定的第三个事件')
    })
    box.addEventListener('click', function() {
      console.log('绑定的第二个事件')
    })