事件三要素+常見的鼠標事件

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 也不會冒泡