js 监听鼠标悬浮事件

在JavaScript中，监听鼠标悬停（hover）事件通常使用`addEventListener`方法结合`mouseover`和`mouseout`两个事件。这两个事件会在鼠标指针进入元素和离开元素时触发。

下面是一个简单的示例：

// 获取需要监听的DOM元素
var element = document.getElementById('yourElementId');

// 添加mouseover和mouseout事件处理器
element.addEventListener('mouseover', function() {
  // 当鼠标悬停时，执行这个函数
  console.log('Mouse hovered over the element');
});

element.addEventListener('mouseout', function() {
  // 当鼠标移开时，执行这个函数
  console.log('Mouse left the element');
});

在这个例子中，当用户将鼠标指针移到指定ID的元素上时，控制台会打印"Mouse hovered over the element"，而当鼠标离开该元素时，会打印"Mouse left the element"。