在悬停列表项目时显示div，并使其保持可见，直到新的悬停在另一个列表元素上

var listItems = document.querySelectorAll('.list-item');

listItems.forEach(function(item) {
  item.addEventListener('mouseover', function() {
    // 在这里显示div
  });
});

var divToDisplay = document.getElementById('div-to-display');

listItems.forEach(function(item) {
  item.addEventListener('mouseover', function() {
    divToDisplay.style.display = 'block';
  });
});

listItems.forEach(function(item) {
  item.addEventListener('mouseleave', function() {
    divToDisplay.style.display = 'none';
  });
});