事件三要素 执行事件步骤

事件简单来说就是一种触发-响应机制。

事件由三部分组成：1.事件源 事件被触发的对象 谁 按钮

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

2.事件类型 如何触发事件 鼠标点击 鼠标经过 按键按下 鼠标滑轮

3.事件处理程序 通过一个函数赋值

btn.onclick = function() {

alert('点秋香');

}

执行事件步骤：

1.获取事件源

2.绑定事件，注册事件
3.绑定事件处理程序

//1.获取事件源
var div = document.querySelector('div');
//2.绑定事件，注册事件
div.onclick
//3.绑定事件处理程序
div.onclick = function() {
    console.log('我被选中了');
}

鼠标点击123三次后出现如下的结果

除此之外常见的鼠标事件还包括：