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

使用上非常簡(jiǎn)單：

方法一：$ele.mousedown()

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

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

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

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

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

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

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

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

<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ā)
• 如果在一個(gè)元素按住了鼠標(biāo)不放，并且拖動(dòng)鼠標(biāo)離開(kāi)這個(gè)元素，并釋放鼠標(biāo)鍵，這仍然是算作mousedown事件
• 任何鼠標(biāo)按鈕被按下時(shí)都能觸發(fā)mousedown事件
• 用event 對(duì)象的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組合起來(lái)就是click事件
• 如果用戶在一個(gè)元素上按下鼠標(biāo)按鍵，并且拖動(dòng)鼠標(biāo)離開(kāi)這個(gè)元素，然后釋放鼠標(biāo)鍵，這仍然是算作mouseup事件
• 任何鼠標(biāo)按鈕松手時(shí)都能觸發(fā)mouseup事件
• 用event 對(duì)象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3

另外需要注意的是：

click與mousedown的區(qū)別：

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