Question

自从我上次来这里已经有一段时间了。

我遇到一些问题，一些html在它应该之前触发了一个javascript函数。

问题：

我正在创建一个菜单，打算在鼠标离开对象时关闭菜单，这是通过javascript和css完成的，但事件在它应该被触发之前被触发，在这个例子中，它在鼠标进入时触发第二个菜单项，到达第二个，甚至第三个菜单项是一个问题。

这是html部分：

<div class="w3-dropdown-click">
<button class="w3-button" onclick="showContent('menuAdministrator')">
Administrator
</button>
<div id="menuAdministrator" class="w3-dropdown-content w3-bar-block w3-card-4" onmouseout="showContent('menuAdministrator', true)">
<a href="./administrator-request-management.php" class="w3-bar-item w3-button">Request Management</a>
<a href="./administrator-maintenance-mode.php" class="w3-bar-item w3-button">Maintenance Mode</a>
<a href="./administrator-ban-list.php" class="w3-bar-item w3-button">Ban List</a>
</div>
</div>

这是Javascript部分：

function showContent(id, mOut = false) {
  var ids = new Array ("menuUser", "menuModerator", "menuAdministrator");
  if (mOut) {
  document.getElementById(id).style.display = "none";
  } else {
  var length = ids.length;
  j = 0;
  for (j = 0; j < length; j++) {
  var close = ids[j];
  if (document.getElementById(close)) {
  if (id != close) {
  document.getElementById(close).style.display = "none";
  } else {
  document.getElementById(close).style.display = "block";
  }
  }
  }
  }
}

What I have now 我希望有人可以提供一些明确的事情，所以提前谢谢。

onmouseout在我离开元素之前触发

0 个答案: