jquery - 同じ要素で mouseDown イベントが発生した後、クリック イベントが発生しないのはなぜですか?

Question

同じ要素に mouseDown イベントとクリック イベントがあります。クリックすると、mouseDown イベントが発生します (つまり、「マウスが P で押されました」という警告が表示されます) が、クリック イベントは発生しません。ただし、mouseDown アラート ステートメントをコメント アウトすると、クリック イベントはそのアラートを表示します。どうしてこれなの？ http://jsfiddle.net/A8vhq/

Answer 1

これは、クリックが発生しないためです。アラート ボックスが表示されると、要素の mouseup イベントが中断され、mouseclick が中断されます。

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