事件三要素+常见的鼠标事件

1.事件是由三部分组成：   事件源    事件类型    事件处理程序   我们也称为事件三要素

（1）事件源    事件被触发的对象    谁被触发  

（2）事件类型  如何触发  什么事件  比如鼠标点击（onclick），鼠标经过，键盘按下

（3）事件处理程序    通过 一个函数赋值的方式 完成

案例：点击一个按钮，弹出对话框

　　<button id='btn'> 按钮</button>

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

　　btn.onclick = function(){

　　　　alert('弹出对话框');

　　}

2.常见的鼠标事件

onclick   鼠标点击左键触发

onmouseover    鼠标经过触发          onmouseout    鼠标离开触发        onmousemove   鼠标移动触发

onmouseenter    鼠标经过触发         onmouseleave   鼠标离开触发

onfocus    获得鼠标焦点触发            onblur     失去鼠标焦点触发

onmouseup     鼠标弹起触发            onmousedown    鼠标按下触发

　　onmouseover 和 onmouseenter 的区别：

　　onmouseover：鼠标经过自身盒子会触发，经过子盒子还会触发，会冒泡

　　onmouseenter：鼠标只会经过自身盒子触发 ，不会冒泡   跟它搭配的鼠标离开 onmouseleave 也不会冒泡