MouseLeave 事件有时不会在 Chrome 中触发

问题描述

晚上好。 我写了一个由两个（或更多）div 组成的分页 div 组件，其中包含页数作为内部文本（“1”、“2”、“3”……）。当有人将鼠标移到每个圆圈上时，它会变成白色（简单地说，我将 className 属性切换为另一个 CSS 类）。 在分页 div 的每一侧，我发现另外两个 div，“>”、“

.pagination-div{
  position:absolute;
  top:1070px;
  left:42%;
  font-size: 20px;
  font-family:"Worstveld";
  font-stretch: expanded;
}

.number{
  text-align:center;
  display:inline-block;
  width:30px;
  height:30px;
  background:black;
  font-stretch: expanded;
  color:white;
  border:none;
  border-radius:20px;
  font-weight:bold;

  }


.number-selected{
  text-align:center;
  display:inline-block;
  width:30px;
  height:30px;
  background:white;
  color:black;
  border:none;
  border-radius:20px;
  font-weight:bold;

}

我发送了当时情况的图片 Please note that the cursor is positioned above the "2",but it is still selected,because the mouseleave event has not been fired.

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）