js 鼠标移入

// 示例代码：当鼠标移入元素时触发事件

// 获取 HTML 元素
const element = document.getElementById('myElement');

// 添加鼠标移入事件监听器
element.addEventListener('mouseenter', function() {
  // 当鼠标移入元素时，改变元素的背景颜色
  element.style.backgroundColor = 'yellow';
});

// 添加鼠标移出事件监听器（可选）
element.addEventListener('mouseleave', function() {
  // 当鼠标移出元素时，恢复原始背景颜色
  element.style.backgroundColor = '';
});

解释说明：

• document.getElementById('myElement')：获取具有指定 ID 的 HTML 元素。
• addEventListener('mouseenter', function() {...})：为该元素添加一个鼠标移入事件监听器。当鼠标指针进入该元素时，会触发回调函数。
• 在回调函数中，我们通过修改 element.style.backgroundColor 来改变元素的背景颜色。
• 同样地，你可以为元素添加 mouseleave 事件监听器，以便在鼠标移出时恢复原始样式。

如果你需要进一步的解释或有其他问题，请告诉我！