如何使工具提示跟随光标与Coffeescript

Question

Helloo， 我想创建工具提示以跟随光标。 但是多数民众赞成在工具提示不跟随光标。 有人知道为什么吗？

CSS

.cover-home
{
  border: 1px solid gray;
  height: 250px;
  width: 169px;
  float: left;
  border-radius: 5px;
  margin: 5px;
  box-shadow: 5px 5px 2.5px grey;
  transition: box-shadow 0.5s;
}

.tooltiptext
{
position: absolute;
visibility: hidden;
background: rgba(0, 0, 0, 0.7);
border: 1px solid black;
color: black;
z-index: 1000;
padding: 10px;
width: 500px;
border-radius: 7px;
color: white;
}

.cover-home:hover .tooltiptext
{
visibility: visible;
}

咖啡

tooltip = document.querySelectorAll('.tooltiptext')

fn = (e) ->
i = tooltip.length
while i--
tooltip[i].style.left = e.pageX + 'px'
tooltip[i].style.top = e.pageY + 'px'
return

document.addEventListener 'mousemove', fn, false

有人知道如何修复它吗？ 请帮忙