Warum wird nach dem mouseDown -Ereignis auf demselben Element nicht ausgelöst, wenn ein Ereignis ausgelöst wird?

Question

Ich habe ein mouseDown-Ereignis und ein Click-Ereignis für dasselbe Element. Wenn ich darauf klicke, wird das Ereignis mouseDown ausgelöst (d. H. "Maus auf P gedrückt"), aber das click -Ereignis nicht. Wenn ich jedoch die mouseDown-Warnungsanweisung auskommentiert, zeigt das click-Ereignis seine Warnung an. Warum ist das? http://jsfiddle.net/A8vhq/

Answer 1

Das ist, weil das Klicken nie geschieht, wenn die Warnmeldung angezeigt wird es unterbricht die mouseup-Ereignis auf dem Element, wodurch der Mausklick unterbrochen wird.

Verwenden Sie console.log('message'), um Ihren Code anstelle von alert zu testen.

Answer 2

Verwenden Sie statt alertconsole.log und es wird funktionieren.

Live-Demo:http://jsfiddle.net/A8vhq/1/

---

BTW, habe ich den Code ein wenig Refactoring:

$('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

ersetzen einfach alert mit console.log oder anderer nicht modalen Ausgang Weise.