網(LieHuo.Net)教程 javascript的鼠標事件是個比較龐大的家族。常見的有以下8個:
mousedown:鼠標的鍵鈕被按下。
mouseup:鼠標的鍵鈕被釋放彈起。
click:單擊鼠標的鍵鈕。
dbclick:鼠標的鍵鈕被按下。
contextmenu :彈出右鍵菜單。
mouseover:鼠標移到目標的上方。
mouseout:鼠標移出目標的上方。
mousemove:鼠標目標的上方移動。
mousedown事件與mouseup事件可以說click事件在時間上的細分,順序是mousedown => mouseup => click。因此一個點擊事件,通常會激發幾個鼠標事件。
mousedown事件與mouseup事件可以說click事件在時間上的細分,順序是mousedown => mouseup => click。因此一個點擊事件,通常會激發幾個鼠標事件。
有了它們,我們可以做許多事,但對于高層次的應用(如游戲)是顯然不夠的,于是鼠標事件的點擊事件又根據究竟是點左鍵還是右鍵進行細分。在DOM2.0中,W3C對鼠標事件作了現范,鼠標事件被解析為MouseEvent(我們可以用e.constructor == MouseEvent來判斷其是否為鼠標事件,是左鍵點擊還是右鍵點擊由它的一個叫button的屬性判定。以下就是W3C的標準現范:
0:按下左鍵
1:按下中鍵(如果有的話)
2:按下右鍵
當然微軟是不會妥協的,因為e.button本來就是微軟最先實現的,網景用的是e.which,但相對而言,微軟的復雜多了。
0:沒有鍵被按下
1:按下左鍵
2:按下右鍵
3:左鍵與右鍵同時被按下
4:按下中鍵
5:左鍵與中鍵同時被按下
6:中鍵與右鍵同時被按下
7:三個鍵同時被按下
上一篇 CSS實現鼠標移上去顯示大圖效果