【jQuery】画像ドラッグする時はdragstartをキャンセル

jQueryでドラッグ＆ドロップを実装する時、よくこういう書き方をするが、

$('xxx').mousedown(function(ev){
    // ドラッグ開始
    $(document).one('mouseup',function(){
        // ドロップ
        $(document).off('mousemove.xxx');
    })
    .on('mousemove.xxx',function(ev){
        // ドラッグ中
    });
});

ドラッグする要素が <img> の場合は、
dragstart イベントをキャンセルしないとちゃんと動かない。

$('img').on('dragstart',function(ev){
    return false;
});

←ドラッグできます