mousedown Ereignis nicht passiert

Question

in dem Ausschnitt unten, funktioniert nur das Ereignis "mousemove". "mousedown" hat keine Wirkung und ich kann nicht entziffern, warum dies geschieht. Wenn ich "mousedown" durch "click" ersetze, funktioniert es, aber ich mousedown verwenden möchte, so dass das fadeOut -Ereignis sofort (zu Beginn eines Klicks) statt mit Klick, der auf die Benutzer-Maus geht unten und dann zurück . bis

$('.issue-carousel').on({ 
    // On mousemove, controls follow cursor 
    mousemove: function(e) { 
     var parentOffset = $(this).offset(); 
     var relX = e.pageX - parentOffset.left; 
     var relY = e.pageY - parentOffset.top; 
     $('.drag-indicator').css({ 
      left: relX, 
      top: relY 
     }); 
    }, 
    mousedown: function() { 
     $('.drag-indicator').fadeOut(300); 
    } 
}); 

Answer 1

per mein Kommentar, funktioniert der Code in Ordnung -.. mit einer Ausnahme der mousedownfadeout funktioniert nicht, weil Sie technisch nicht das Karussell sind klicken, sondern die drag indicator ich habe den Code aktualisiert wie unten, wo ich das mousedown target entsprechend geändert habe;

$('.issue-carousel').on({ 
    // On mousemove, controls follow cursor 
    mousemove: function(e) { 
     var parentOffset = $(this).offset(); 
     var relX = e.pageX - parentOffset.left; 
     var relY = e.pageY - parentOffset.top; 
     $('.drag-indicator').css({ 
      left: relX, 
      top: relY 
     }); 
    } 
}); 

$('.drag-indicator').on({ 
    mousedown: function(e){ 
    $(this).fadeOut(300); 
    } 
}) 

Eine funktionierende Geige finden Sie hier: https://jsfiddle.net/o3cdLjp7/2/