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

意思是，我連續發生了下降事件。 我認為這是由canvas元素引起的，因為如果沒有它，我將無法重現此行為。

這是一個小提琴： http : //jsfiddle.net/SunnyRed/zcmaT/

更新資料

我認為只有在用戶單擊並拖動時才會發生，在我的情況下可能就是這種情況。 這是一個簡單的單擊演示 。 我無法在Firefox和Opera中復制它。

Answer 1

我可以復制的唯一方法是在您的演示中，我要么：

• 在頁面外部（在JS小提琴的另一個iframe中）開始單擊，然后將鼠標移到畫布上。 要么
• 開始在畫布上單擊，然后將其釋放到頁面范圍之外（例如在頁面填充上方）。

我相信這是正確的行為。