DOM事件基础---事件三要素

事件：触发响应的机制。

事件三要素

事件是由三部分组成【事件源、事件类型、事件处理程序】
1/事件源：事件触发的对象 【谁 按钮】
2/事件类型：如何触发 什么事件
比如【鼠标点击（onclick）、鼠标经过、键盘按下】
3/事件处理程序 通过一个函数赋值的方式完成
通过以下例子看一下

<body>
  <button id="btu">唐伯虎</button>
  <!-- button 标签 id 名字是btu  -->
  <script>
    //点击一个按钮，弹出对话框
    var btu = document.getElementById("btu"); //获取button标签
    // 1. 事件源： 在获取过来的btn就是事件触发的对象
    //2.事件类型：点击 onclick
    //3.事件处理程序 ： 通过一个函数完成，就是下面的onclick函数
    btu.onclick = function () {
      alert("点秋香");
    };
  </script>
</body>

执行事件的基础

  1. 获取事件源
    var btu = document.getElementById("btu");
  2. 注册事件（绑定事件）
    btu.onclick
  3. 添加事件处理程序（通过函数赋值的形式）
 btu.onclick = function () {
      alert("点秋香");
    };

posted @ 2022-03-15 14:53  missSherry1014  阅读(259)  评论(0)    收藏  举报