DOM：事件的三要素及常见的鼠标事件都有哪些？

事件有三部分组成（也称事件三要素）：

1. 事件源（被触发的对象）
2. 事件类型（如何触发，比如鼠标点击，鼠标经过，键盘按下等）
3. 事件处理程序（通过函数赋值的方式）

// 点击按钮后弹出一个对话框"hello world"
// 事件源 被触发的对象：btn
var btn = document.getElementById("btn");
// 事件类型 当点击后触发
// 事件处理程序 紧跟一个函数 函数内写入想要的内容
btn.onclick = function(){
	alert("hello world");
}

常见的鼠标事件：

鼠标事件	触发条件
onclick	鼠标点击左键触发
onmouseover	鼠标经过触发
onmouseout	鼠标离开触发
onfocus	获得鼠标焦点触发
onblur	失去鼠标焦点触发
onmousemove	鼠标移动触发
onmouseup	鼠标弹起触发
onmousedown	鼠标按下触发