mousedownイベントが発生していない

Question

以下のスニペットでは、 'mousemove'イベントのみが動作しています。 'mousedown'は何の効果もなく、なぜこれが起こっているのか解読できません。私が 'mousedown'を 'click'と置き換えると動作しますが、mousedownを使用してfadeOutイベントがすぐに起きるようにしたいのです（クリックを開始するときに、クリックを使用するのではなく、 。私のコメントを1として

$('.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

まで、あなたのコードは正常に動作します - 。一つの例外を除いて、あなたが技術的にカルーセルをクリックする代わりにdrag indicatorされていないため、mousedownfadeoutは動作しません。私は、コードを更新しました。それに応じて私はマウスハウジングターゲットをそれに応じて変更しました;

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

作業フィドルhttps://jsfiddle.net/o3cdLjp7/2/