当鼠标在图像上移动时，jQuery mouseup 不会被触发

Question

当您在图像上 mousedown 时，稍微移动鼠标 (mousemove)，然后松开 (mouseup)， mouseup 不是用 jQuery 触发的。

jsfiddle:http://jsfiddle.net/kVFTZ/

这是为什么呢？在图像上移动时如何使其工作？

Answer 1

很容易修复。将 event.preventDefault(); 添加到 mousedown 函数中。

<强> jsFiddle example

$(document).on('mousedown', function(event) {
    event.preventDefault();
    $('#info').text('Now move the mouse and then release');
    $('#log').text('mouse down fired');
}).on('mouseup', function() {
    $('#log').text('mouse up fired');
});

​