javascript - この on() 関数が mousemove なしで起動するのはなぜですか?

Question

これが私のjQueryです：

$('.map').mousedown(function () {
    $(this).on("mousemove", updateCoords);
});
$(window).mouseup(function () {
    $(".map").off("mousemove");
});

function updateCoords() {
    alert();
}

何らかの理由で、クリックしてドラッグするのではなく、クリックすると発生しますupdateCoords()。.mapまた、off()機能が期待どおりに動作しません。.mapクリックした後、マウスを離しても、マウスupdateCoords()オーバーだけで起動します。どうしてこれなの？

$('.map').mousedown(function() {
  $(this).on("mousemove", updateCoords);
});
$(window).mouseup(function() {
  $(".map").off("mousemove");
});

function updateCoords() {
  alert();
}

.map {
  width: 200px;
  height: 200px;
  background: black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="map"></div>