Javascript Div跟随指针悬停

我想在悬停某些div时显示一个跟随指针的浮动div，到目前为止，我在jquery中找到了这段代码，它在悬停整个主体时都能工作，但我想在某些div上工作：

CSS

我尝试将绑定到特定的选择器，但没有成功

---

当您将鼠标悬停在div外时，div应消失，当您将鼠标悬停在div内时，div应重新出现。

只要将div显示设置为“无”，鼠标离开时，div显示为“无”，鼠标进入时，显示为“块”

$（'.something'）.bind（'mousemove'，函数（e）{
$（'#tail'）.css({
左：e.pageX+20，
顶部：e.pageY
});
});
$（'.something'）.bind（'mouseleave'，函数（e）{
$（'#tail'）.css({
显示：“无”
});
});
$（'.something'）.bind（'mouseenter'，function（e）{
$（'#tail'）.css({
显示：“块”
});
});
#尾部{
位置：固定；
显示：无；
}
.什么{
宽度：200px；
高度：160px；
背景：黄色；
}

鼠尾
stuff
针对特定的div，在mouseenter/onmouseleave事件中为它们指定：

#tail {
  position: fixed;
}

.hidden {
  display: none;
};


$(document).bind('mousemove', function(e){
    $('#tail').css({
       left:  e.pageX + 20,
       top:   e.pageY
    });
});

#tail {
  position: fixed;
}

.hidden {
  display: none;
};

window.addEventListener("mousemove", function(e){
  $('#tail').css({
   left:  e.pageX + 20,
   top:   e.pageY
  });
});

var myDiv = document.getElementById('tail');
var targets = Array.from(document.getElementsByClassName('myTargets'));

targets.map(function(target){
    target.addEventListener('mouseenter', function(){
        document.getElementById('tail').classList.remove('hidden')
    });
    target.addEventListener('mouseleave', function(){
        document.getElementById('tail').classList.add('hidden')
    });
});