javascript - Google Chrome の MouseUp および MouseDown イベント

Question

私は単純な html5/canvas と js-setup を持っています:

HTML

<canvas id="canvas" width="500" height="500" ></canvas>

JS

var canvas = $("#canvas"),
    c = canvas[0].getContext("2d");

c.fillStyle = "gray";
c.fillRect(0, 0, 500, 500);

$(document).mousedown(function() {
    console.log('down');
});
$(document).mouseup(function() {
    console.log('up');
});

私を悩ませているのは、イベントを次google chromeのようにログに記録できることです

down
up
down
up
down 
down 
down 
down
up
down
down
down

つまり、ダウン イベントが連続して発生します。キャンバス要素がないとこの動作を再現できないため、キャンバス要素が原因だと思います。

ここにフィドルがあります：http://jsfiddle.net/SunnyRed/zcmaT/

アップデート

私のシナリオでは、ユーザーがクリックしてドラッグしたときにのみ発生すると思います。これは簡単なクリックデモです。Firefox と Opera では再現できません。