我希望在悬停结束后隐藏按钮容器

<div id="button-container">
  <button>按钮</button>
</div>

#button-container {
  display: block; /* 初始状态为可见 */
}

#button-container:hover {
  display: none; /* 鼠标悬停时隐藏 */
}

var buttonContainer = document.getElementById("button-container");

buttonContainer.addEventListener("mouseenter", function() {
  buttonContainer.style.display = "none"; // 鼠标悬停时隐藏按钮容器
});

buttonContainer.addEventListener("mouseleave", function() {
  buttonContainer.style.display = "block"; // 鼠标离开时显示按钮容器
});