DOM-事件基础

1、事件概述

2、事件三要素

点击个按钮，弹出对话框

(1) 事件源  事件被触发的对象  谁  按钮 

var btn = document. getElementById( 'btn' );

(2) 事件类型 如何触发什么事件比如鼠标点击(onclick) 还是鼠标经过还是键盘按下
(3) 事件处理程序通过一 个 函数赋值的方式完成

btn.onclick = function() {
    alert('点秋香');
}

 这就是事件处理程序

3、执行事件的步骤

获取事件源
注册事件(绑定事件}
添加事件处理程序(采取函数赋值形式)

<script>
    //执行事件步骤
    //点击div控制台输出我被选中了
    // 1.获取事件源
    var div = document.querySelector('div );
    // 2.绑定事件注册事件
    // div. onclick
    // 3.添加事件处理程序
    div.onclick = function() {
        console.log('我被选中了');
    }
</script>