使用addEventListener将鼠标移到项目上时，更改html列表中的颜色

<ul>
  <li id="item1">项目1</li>
  <li id="item2">项目2</li>
  <li id="item3">项目3</li>
</ul>

// 获取项目元素
var item1 = document.getElementById("item1");
var item2 = document.getElementById("item2");
var item3 = document.getElementById("item3");

// 添加鼠标移入事件监听器
item1.addEventListener("mouseover", changeColor);
item2.addEventListener("mouseover", changeColor);
item3.addEventListener("mouseover", changeColor);

function changeColor(event) {
  // 获取当前鼠标移入的项目元素
  var currentItem = event.target;
  
  // 更改项目的颜色
  currentItem.style.color = "red";
}