问鼠标在悬停时变成文本

EN

function createTextCursor(event){
  let el = document.getElementById("hoveringText");
    el.style.top = event.clientY + "px";
    el.style.left = event.clientX + "px";
}

document.getElementById("main").addEventListener('mousemove', createTextCursor);

#main:hover > #hoveringText {
  display : block;
}

#hoveringText {
  position: absolute;
  font-style: italic;
  font-size: 24px;
  font-weight: bold;
  color: blue;
  display: none;
}

#main{
  width: 300px;
  height: 300px;
  cursor: none;
}

<div id="main" onmousemove="createTextCursor(event)">
  <img alt="" src="https://via.placeholder.com/300" />
  <div id="hoveringText">text cursor</div>
</div>