滑鼠 事件

​

滑鼠事件的種類：

click：使用者單擊左鍵時發生（單擊右鍵不會發生）。如果焦點在一個按鈕上，并按下Enter鍵，也會觸發該事件。

dbclick：使用者輕按兩下滑鼠左鍵時發生（輕按兩下右鍵時不會發生）。

mousedown：使用者按下任一個滑鼠按鍵時發生。用事件對象的 button 屬性可以獲得按下的按鍵。

mouseup：使用者松開一個滑鼠按鍵時發生。用事件對象的 button 屬性可以獲得按下的按鍵。

mouseover：使用者把滑鼠指針移入對象時發生。此時用事件對象的 toElement 屬性可以獲知移入的對象，用 fromElement 屬性可以獲知移出的對象。

mouseout：使用者把滑鼠指針移出對象時發生。此時用事件對象的 toElement 屬性可以獲知移入的對象，用 fromElement 屬性可以獲知移出的對象。

mousemove：使用者在對象中移動滑鼠指針時發生。

事件發生順序：

一個滑鼠動作可能會觸發多個事件，它們發生的時刻有所不同，你可以根據需要決定響應哪個事件。

比如單擊滑鼠左鍵，會按以下順序發生事件：

mousedown-mouseup-click

也就是說，我們常用的 click 事件是在松開滑鼠左鍵後才發生的。

輕按兩下滑鼠左鍵，會按以下順序發生事件：

mousedown-mouseup-click-mousedown-mouseup-click-dbclick

事件屬性：

當發生了滑鼠事件後，event 對象會填寫以下屬性：

1、type 屬性：值為事件的名稱。比如，發生了 click 事件後，event.type 的值為 "click"。

2、位置屬性：包括 clientX、clientY 等，它們的值是事件發生時滑鼠指針的位置，機關為像素。

3、button 屬性：表示事件發生時滑鼠按鍵的狀态。（不适用于 click 和 dbclick 事件）

4、shiftKey、altKey、ctrlKey 屬性：值為 true 或 false，表示事件發生時 Shift、Alt、Ctrl 鍵的狀态。

5、srcElement 屬性：值為引起事件的對象。（非IE浏覽器為 target 屬性）

6、fromElement、toElement 屬性：隻适用于 mouseover 和 mouseout 事件，值為移出和移入的對象。