當鼠標移動到圖像上時，jQuery mouseup沒有被觸發

Question

當你在圖像上mousedown時，移動鼠標（mousemove）一點，然後釋放（mouseup），mouseup不會被jQuery觸發。

的jsfiddle：http://jsfiddle.net/kVFTZ/

這是爲什麼？在圖像上移動時如何使其工作？

Answer 1

嗯，我發現return false更恰當地解決了這個問題。

只要e.preventDefault()被調用，文本選擇也將被阻止（可能是其他一些操作），並且它不能被撤消。

我加return false到mousedown上的圖像只

if(e.target.tagName.toLowerCase() == 'img') { 

    return false; 

    // e.preventDefault() also does the job 
    // but it prevents all default action 
    // and can not be undone 
} 

更新小提琴：http://jsfiddle.net/kVFTZ/4/

Answer 2

很容易修復。將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'); 
});