用戶交互操作中，最簡單直接的操作就是點(diǎn)擊操作，因此jQuery提供了一個mousedown的快捷方法可以監(jiān)聽用戶鼠標(biāo)按下的操作，與其對應(yīng)的還有一個方法mouseup快捷方法可以監(jiān)聽用戶鼠標(biāo)彈起的操作。兩種方法用法類似，下面以mousedown()為例

使用上非常簡單：

方法一：$ele.mousedown()

綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，可能一般用的比較少

<div id="test">點(diǎn)擊觸發(fā)<div>
$("ele").mousedown(function(){
    alert('觸發(fā)指定事件')
})
$("#test").mousedown(function(){
     $("ele").mousedown()  //手動指定觸發(fā)事件 
});

方法二：$ele.mousedown( handler(eventObject) )

綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會執(zhí)行回調(diào) handler函數(shù)

這樣可以針對事件的反饋?zhàn)龊芏嗖僮髁?/p>

<div id="test">點(diǎn)擊觸發(fā)<div>
$("#test").mousedown(function() {
    //this指向 div元素
});

方法三：$ele.mousedown( [eventData ], handler(eventObject) )

使用與方法二一致，不過可以接受一個數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題

<div id="test">點(diǎn)擊觸發(fā)<div>
$("#test").mousedown(11111,function(e) {
    //this指向 div元素
    //e.data  => 11111 傳遞數(shù)據(jù)
});

mousedown事件觸發(fā)需要以下幾點(diǎn)：

• mousedown強(qiáng)調(diào)是按下觸發(fā)
• 如果在一個元素按住了鼠標(biāo)不放，并且拖動鼠標(biāo)離開這個元素，并釋放鼠標(biāo)鍵，這仍然是算作mousedown事件
• 任何鼠標(biāo)按鈕被按下時都能觸發(fā)mousedown事件
• 用event 對象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3

mouseup事件觸發(fā)需要以下幾點(diǎn)：

• mouseup強(qiáng)調(diào)是松手觸發(fā)，與mousedown是相反的
• mouseup與mousedown組合起來就是click事件
• 如果用戶在一個元素上按下鼠標(biāo)按鍵，并且拖動鼠標(biāo)離開這個元素，然后釋放鼠標(biāo)鍵，這仍然是算作mouseup事件
• 任何鼠標(biāo)按鈕松手時都能觸發(fā)mouseup事件
• 用event 對象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3

另外需要注意的是：

click與mousedown的區(qū)別：

• click事件其實(shí)是由mousedown于mouseup 2個動作構(gòu)成，所以點(diǎn)擊的動作只有在松手后才觸發(fā)