Javascript 鼠标下移事件未发生

在下面的代码段中，只有“mousemove”事件起作用“mousedown”没有效果，我无法解释为什么会发生这种情况。如果我将“mousedown”替换为“click”，它确实可以工作，但是我希望使用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
        });
    },
    mousedown: function() {
       $('.drag-indicator').fadeOut(300);
    }
});

---

根据我的评论，您的代码运行良好-只有一个例外。

mousedown

fadeout

不起作用，因为从技术上讲，您没有单击旋转木马，而是单击了

拖动指示器。我已根据下面更新了代码，相应地更改了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);
  }
})

可以在这里找到一把可以工作的小提琴：
根据我的评论，你的代码工作正常-只有一个例外。
鼠标向下
淡出
不工作，因为从技术上讲，你不是在点击旋转木马，而是在点击拖动指示器

。我已经根据下面的内容更新了代码，我已经更改了鼠标向下的目标accor肮脏的

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

---

您可以在这里找到一把工作小提琴：

您能在浏览器控制台中看到任何错误吗？请使用演示问题的工具更新您的问题，最好是使用堆栈片段（

[]

工具栏按钮；）运行的工具。您的代码处于工作状态…我认为您有实现问题，对我来说也很好。唯一没有问题的是鼠标下降位，但我认为这从技术上讲是因为您正在单击

。拖动指示器
-而不是
。问题转盘
。请参阅此处的小提琴：我在此处更改了单击目标。您好，没有问题唯一的错误！您能在浏览器控制台中看到任何错误吗？请使用演示问题的命令更新您的问题，最好是使用堆栈片段运行的命令（
[]
工具栏按钮；）。您的代码处于工作状态…我认为您有实现问题，对我来说也很好。唯一没有问题的是鼠标下降位，但我认为这从技术上讲是因为您正在单击
。拖动指示器
-而不是
。问题转盘
。请参阅此处的小提琴：我在此处更改了单击目标。您好，没有问题唯一的错误！@dungey_140:不，这不是它的工作原理。你的问题的全部内容必须在你的问题中，而不仅仅是链接。链接会腐烂，使问题及其答案在将来对人们毫无用处，人们不必离开现场来帮助你。在问题中添加一个标记，最好使用堆栈片段（使用
工具栏按钮）使其可运行（）。更多信息：Hi@dungey_140-不幸的是，正如T.J上面所说，如果您可以在堆栈片段（或至少在JSFIDLE/codepen中）中重现您的问题，我们可以进一步帮助您。关闭隧道时，指向它的链接将过期（此外，加载速度太慢）。好的，谢谢刘易斯。我会将你的答案标记为正确，尽管我认为我必须继续使用“单击”，因为我无法在将问题转移到堆栈时获得相同的错误。非常奇怪！@dungey_140:不，这不是它的工作原理。你问题的全部内容必须在你的问题中，而不仅仅是链接。链接腐烂，使问题和我ts的答案对将来的人来说是无用的，人们不应该去非现场帮助你。在问题中加入a，最好使用堆栈片段（工具栏按钮）使其可运行（）。更多：Hi@dungey140-不幸的是，正如t.J所说，如果你能在堆栈片段中重现你的问题（或者至少在JSFIDLE/codepen中）我们可以进一步帮助您。当您关闭隧道链接时，它将过期（此外，它的加载速度太慢）。好的，谢谢刘易斯。我会将你的答案标记为正确，尽管我认为我必须继续使用“单击”，因为我在将问题转移到堆栈时无法得到相同的错误。非常奇怪！