mousedown和點擊jquery之間的區別

Question

我正在jquery中學習事件。在實施它們時我遇到了疑問。 mousedown（）和click（）事件有什麼區別。我應該在什麼條件下使用哪個事件？

例如： 這兩個事件下面的代碼執行同樣的任務：

$("#p1").mousedown(function(){ 
    alert("Mouse down over p1!"); 
}); 


$("#p1").click(function(){ 
    alert("Mouse down over p1!"); 
}); 

兩個執行same.Can有人澄清的差異。如果相同，我應該選擇哪個？

Answer 1

onMouseDown將觸發。同樣，當任何按鈕被釋放時，onMouseUp將會觸發。 onMouseDown即使在對象上單擊鼠標時也會觸發，但如果在其他位置單擊並按住該按鈕，則會觸發onMouseUp，然後將其釋放到對象上方。當按下和在同一對象上釋放鼠標左鍵

onClick纔會觸發。如果您關心的是訂單，如果同一個對象設置了所有3個事件，則爲onMouseDown,onMouseUp，然後onClick。每個甚至應該只觸發一次。

詳情：

http://api.jquery.com/click/
http://api.jquery.com/mouseup/
http://api.jquery.com/mousedown/

Source寫Anton Baksheiev

Answer 2

當按下鼠標按鍵mousedown事件被觸發，但它發佈之前。

click事件在mousedown和mouseup事件之後被觸發。當按下左或右（或中間）

Answer 3

$(element).click()火災，當你按鼠標按鈕，然後鬆開它。

$(element).mousedown()火災，然後按下鼠標按鈕。

抱着嘗試過該按鈕被點擊的按鈕，然後在這裏釋放：http://jsfiddle.net/n9rJ9/

Answer 4

有許多的鼠標按下，mouseup和鼠標點擊，再加上其他一些鼠標點擊相關的事件。

只要鼠標在進程中沒有移動，mouseClick事件通常在mouseDown後面緊跟着一個mouseUp。

Answer 5

他們沒有。您可能會這樣認爲，因爲您將兩個事件處理程序綁定在同一個元素上，所以在發生點擊事件之前，mousedown將始終啓動。

如果你將它們綁定到不同的元素上，你將會看到mousdown總是會在沒有釋放的情況下按下按鈕（任何鼠標按鈕）而觸發，點擊後會釋放鼠標左鍵（主） 。

看到這個小的jsfiddle：當按下左或右（或中間）http://jsfiddle.net/wBfbm/

$("#p1").mousedown(function(){ 
    alert("Mouse down over p1!"); 
}); 


$("#p2").click(function(){ 
    alert("Mouse down over p1!"); 
}); 

Answer 6

onMouseDown將觸發。當按下和在同一對象上釋放鼠標左鍵

onClick纔會觸發。

Answer 7

試試這種方法。因爲event.stopPropagation不會停止鼠標向下的單擊事件事件。鼠標向下和點擊事件不相互關聯。

var mousedDownFired = false; 

    $("#id").mousedown(function(event){ 
     mousedDownFired =true; 
     //code 
    }); 

    $("#id").click(function(event){ 
    if(mousedDownFired) 
     { 
     mousedDownFired = false; 
     return; 
     } 
     //code 
}); 

更新時間：

NO。鼠標事件被觸發像這樣

1）的MouseDown

2）點擊

3）的MouseUp

如果按下鼠標觸發，然後標誌將後鼠標按下事件單擊啓用將觸發。在這個點擊事件將會禁用標誌變量。這將以循環方式工作。不會考慮兩個鼠標向下或兩個點擊