Question

在下面的代码段中，只有＆＃39; mousemove＆＃39;事件正在发挥作用＆＃39;鼠标按下＆＃39;没有效果，我无法破译为什么会发生这种情况。如果我更换“mousedown＆＃39;使用＆＃39;点击＆＃39;，它确实有效，但是我想使用mousedown，因此fadeOut事件会立即发生（在点击开始时，而不是使用依赖于用户鼠标停止然后备份的点击

{{1}}

Answer 1

根据我的评论，您的代码运行正常 - 只有一个例外。 mousedown fadeout无法正常工作，因为您在技术上并未点击轮播，而是点击了drag indicator。我已根据下面更新了代码，我已相应地更改了mousedown目标;

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

mousedown事件没有发生

1 个答案: