js鼠标放上去显示文字

<div title="这是鼠标悬停时显示的文字">悬停这里</div>

<div id="hoverDiv">悬停这里</div>
<div id="tooltip" style="display:none;">这是鼠标悬停时显示的文字</div>

#tooltip {
  position: absolute;
  padding: 5px;
  background: #333;
  color: #fff;
  border-radius: 5px;
}

document.addEventListener('DOMContentLoaded', function() {
  var hoverDiv = document.getElementById('hoverDiv');
  var tooltip = document.getElementById('tooltip');

  hoverDiv.addEventListener('mouseover', function(event) {
    tooltip.style.display = 'block';
    tooltip.style.left = event.pageX + 'px';
    tooltip.style.top = event.pageY + 'px';
  });

  hoverDiv.addEventListener('mousemove', function(event) {
    tooltip.style.left = event.pageX + 'px';
    tooltip.style.top = event.pageY + 'px';
  });

  hoverDiv.addEventListener('mouseout', function() {
    tooltip.style.display = 'none';
  });
});