js鼠标划过

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mouse Events Example</title>
<style>
  .highlight {
    background-color: yellow;
  }
</style>
<script>
  function highlightElement(event) {
    event.target.classList.add('highlight');
  }

  function unhighlightElement(event) {
    event.target.classList.remove('highlight');
  }
</script>
</head>
<body>

<div onmouseover="highlightElement(event)" onmouseout="unhighlightElement(event)">
  Hover over me!
</div>

</body>
</html>

element.addEventListener('mouseenter', function() {
  // 处理鼠标进入事件
});

element.addEventListener('mouseleave', function() {
  // 处理鼠标离开事件
});

document.body.addEventListener('mouseover', function(event) {
  if (event.target.matches('.hoverable')) {
    // 处理鼠标悬停事件
  }
});