jquery - 画像上でmousemoveしたときにjQuerymouseupが起動されない

Question

画像上mousedownでマウス（mousemove）を少し動かしてから離す（mouseup）、mouseupjQueryでは起動されません。

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

どうしてこれなの？画像上を移動するときにどうすれば機能させることができますか？

Answer 1

修正するのは簡単です。event.preventDefault();マウスダウン機能に追加します。

jsFiddleの例

$(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');
});

</ p>

Answer 2

さて、私はそれ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/