JS事件基础

// 1.事件由三部分组成 事件源 事件类型 事件处理程序 简称事件三要素

 	<button id="beibei">贝贝奇</button>
    <div id="dian1">123</div>

// 事件源 就是事件被触发的对象

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

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

btn.onclick = function () {
            alert('贝贝好帅');
        }

        执行事件的步骤
        1.获取事件源
        2.注册事件(绑定事件)
        3.添加事件处理程序(采取函数赋值形式)

 		var dian = document.getElementById('dian1');
        dian.onclick = function () {
            console.log('我被选中了');