js 的事件

• 1.什么是事件 在某一个时刻, 用户(在页面)做了某一件事, 我要给出的反馈
• 2.事件 三 要素
  1. 事件源
  2. 事件类型
  3. 事件处理函数
• 3.事件等级
  1. DOM 0级事件绑定 事件源.on + 事件类型 = 事件处理函数 弊端: 无法绑定多个同类型的事件, 后边新写的事件, 会覆盖掉原有的事件 2.DOM 2级事件绑定(事件监听) 事件源.addEventListener('事件类型', 事件处理函数, 第三个参数是可选的())

    //   <div></div> html 结构

      var oDiv = document.querySelector('div')

        // oDiv.onclick = function () {
        //     console.log('绑定给 div 的第一个事件')
        // }
        // oDiv.onclick = function () {
        //     console.log('绑定给 div 的第二个事件')
        // }


        oDiv.addEventListener('click', function () {
            console.log('绑定给 div 的第一个事件')
        })

        oDiv.addEventListener('click', function () {
            console.log('绑定给 div 的第二个事件')
        })