DOM-事件DOM-事件 l什么是事件？事件是在编程时系统内发生的动作或者发生的事情比如用户在网页上单击一个按钮 l

DOM-事件

l什么是事件？

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

比如用户在网页上单击一个按钮

l什么是事件监听？

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

语法: 元素.addEventListener('事件',要执行的函数)

事件监听三要素：

事件源：那个dom元素被事件触发了，要获取dom元素

事件：用什么方式触发，比如鼠标单击 click、鼠标经过 mouseover 等

事件调用的函数：要做什么事

事件监听

1649153478655

<body>
    <button class="btn1">抽奖</button>
    <script>//获取元素
      let btn1 = document.querySelector('.btn1');
      // 注册事件
      // btn1.addEventListener("事件类型","处理函数")
      // click 鼠标单击
      btn1.addEventListener('click', function () {
        console.log('开始抽奖啦');
      });
    </script>
  </body>

事件监听版本(了解)

DOM L0

事件源.on事件 = function() { }

DOM L2

事件源.addEventListener(事件，事件处理函数)

发展史：

DOM L0 ：是 DOM 的发展的第一个版本； L：level

DOM L1：DOM级别1 于1998年10月1日成为W3C推荐标准

DOM L2：使用addEventListener注册事件

DOM L3： DOM3级事件模块在DOM2级事件的基础上重新定义了这些事件，也添加了一些新事件类型