我正在創(chuàng)建一個(gè)包含行的表。當(dāng)我的mouseover任何行時(shí)，第一行正下方帶有 a 的另一行將display=None更改為display=""允許它出現(xiàn)。效果很好。我想放置一個(gè)onmouseleave=function(id)，當(dāng)鼠標(biāo)離開(kāi)這兩行時(shí)，它將再次隱藏第二行。例如，轉(zhuǎn)到第三行，或轉(zhuǎn)到頁(yè)面的一側(cè)。效果就像出現(xiàn)一個(gè)下拉抽屜，以便用戶(hù)可以查看更多信息并單擊按鈕。但是，當(dāng)我將onmouseleave調(diào)用放在第一行（觸發(fā)第二行出現(xiàn)的調(diào)用）時(shí)，我無(wú)法將鼠標(biāo)懸停在第二行上，否則它會(huì)被觸發(fā)消失，因?yàn)槭髽?biāo)離開(kāi)了第一行。如果我將鼠標(biāo)懸停在第二行，那么除非首先將鼠標(biāo)懸停在該行上，否則該行無(wú)法消失。因此，如果我要退出第一行的一側(cè)，它不會(huì)消失，因?yàn)槭髽?biāo)一開(kāi)始就不會(huì)越過(guò)它。我嘗試將兩行包裝在 a 中，但這種方式根本<div>無(wú)法調(diào)用該函數(shù)。onmouseleave=function(id)我猜一個(gè)<div>不能包兩個(gè)<tr>？如何讓這兩個(gè)表行合而為一onmouseleave=？這不允許我單擊第二行 - > https://jsfiddle.net/tvxpzud8/這根本不起作用-> https://jsfiddle.net/01w9js8x/function openDrawer(drawer_id) {  var drawer = document.getElementById("drawer-" + drawer_id);  drawer.style.display = "";}function closeDrawer(drawer_id) {  drawer = document.getElementById("drawer-" + drawer_id);  drawer.style.display = "none";}<table>  <tr onmouseover="openDrawer(1)" onmouseleave="closeDrawer(1)">    <td>col 1-1</td>    <td>col 1-2</td>    <td>col 1-3</td>  </tr>  <tr id="drawer-1" style="display:none;">    <td>col 2-1</td>    <td>col 2-2</td>    <td>col 2-3</td>  </tr>  <tr onmouseover="openDrawer(2)" onmouseleave="closeDrawer(2)">    <td>col 3-1</td>    <td>col 3-2</td>    <td>col 3-3</td>  </tr>  <tr id="drawer-2" style="display:none;">    <td>col 4-1</td>    <td>col 4-2</td>    <td>col 4-3</td>  </tr></table>