Drag Leaflet.js circle

file.js

// From http://codepen.io/kad3nce/pen/bEdwOE

var map = L.map('map').setView(center, 13);
var circle = L.circle(center, 1000).addTo(map);
circle.on('mousedown', function (event) {
    map.dragging.disable();
    var _circle$_latlng = circle._latlng;
    var circleStartingLat = _circle$_latlng.lat;
    var circleStartingLng = _circle$_latlng.lng;
    var _event$latlng = event.latlng;
    var mouseStartingLat = _event$latlng.lat;
    var mouseStartingLng = _event$latlng.lng;
    map.on('mousemove', function (event) {
        var _event$latlng2 = event.latlng;
        var mouseNewLat = _event$latlng2.lat;
        var mouseNewLng = _event$latlng2.lng;
        var latDifference = mouseStartingLat - mouseNewLat;
        var lngDifference = mouseStartingLng - mouseNewLng;
        var center = [
            circleStartingLat - latDifference,
            circleStartingLng - lngDifference
        ];
        circle.setLatLng(center);
    });
});
map.on('mouseup', function () {
    map.dragging.enable();
    map.removeEventListener('mousemove');
});

Only issue so far: Click-event is fired after move ends.