爲什麼在同一元素上的mouseDown事件觸發後，不會點擊事件觸發？

Question

我在同一個元素上有一個mouseDown事件和一個click事件。當我點擊它時，mouseDown事件觸發（即警報「鼠標按下P」），但點擊事件不會。但是，如果我註釋掉mouseDown警報語句，則單擊事件將顯示其警報。爲什麼是這樣？ http://jsfiddle.net/A8vhq/

Answer 1

這是因爲點擊從未發生過，會出現提示框時，它會中斷元素上的mouseup事件，從而中斷鼠標點擊。

使用console.log('message')來測試您的代碼而不是alert。

Answer 2

而不是alert，使用console.log它會工作。

現場演示：http://jsfiddle.net/A8vhq/1/

---

順便說一句，我已經重構了代碼位：

$('p').on('mousedown', function (e) { 
    console.log('Mouse pressed on ' + e.target.nodeName); 
}); 

$('p').on('click', function (e) { 
    console.log(e.target.nodeName + ' clicked'); 
}); 

Answer 3

只需將alert替換爲console.log或任何其他非模態輸出方式。