Javascript Div follow cursor仅在特定父级内

我想要一个div.drag指示器跟随光标，并在单击发生时消失。下面的代码实现了这一点，但是我只希望在将鼠标悬停在特定的div.carousel上时发生这种行为。当前代码make.drag指示器跟随鼠标，而不管在屏幕上的位置如何，也不管何时进行任何单击，而不仅仅是在该div内

我相信我的代码也可以简化一些，所以这里的任何建议都会很好。我想把它变成一个单一的函数

谢谢

/*跟随光标*/ $document.on'mousemove'，function e{ $'.drag indicator'.css{ 左：e.pageX， 顶部：e.pageY }; }; /*单击时隐藏*/ $document.on'mousedown'，function e{ $'.拖动指示器'.fadeOut300 }; .阻力指示器{ 位置：绝对位置； 宽度：50px； 高度：50px； 边界半径：100%； 背景色：红色； z指数：9999； } 细胞含量 细胞含量 细胞含量 阻力指示器

---

若要根据需要执行此操作，请将事件处理程序直接附加到.carousel，而不是文档：

$'.carousel'.on{ mousemove:function{ $'.drag indicator'.css{ 左：e.pageX， 顶部：e.pageY } }, mousedown:function{ $'.拖动指示器'.fadeOut300 } }; .阻力指示器{ 位置：绝对位置； 宽度：50px； 高度：50px； 边界半径：100%； 背景色：红色； z指数：9999； } 旋转木马{ 边框：1px实心C00； } .转盘.拖动指示器{ 显示：无； } .转盘：悬停.拖动指示器{ 显示：块； } 细胞含量 细胞含量 细胞含量 阻力指示器

---

太好了，谢谢Rory！这样做很好，但是当不悬停在.carousel上时，是否可以使.drag指示器隐藏？此时，当悬停结束时，“阻力”指示器仅保持在最后已知的位置。谢谢你，当然，你可以用CSS来做。我更新了YouTunks Rory的答案，我对.fadeOut函数有问题，它不再适用于我，但可以在works fine中的示例中看到。有什么想法吗？另外，当我移动鼠标时，会出现很多闪烁？如果看不到发生了什么，很难诊断出任何问题，对不起。现在已经解决了闪烁问题，当鼠标暂时悬停在上方时，这是一个CSS错误。拖动指示器。这里有一个到dev站点的隧道链接，我不明白为什么mousedown事件不再起作用了？