javascript - <td> 中的 Onmouseout 在访问其中的子元素时触发

Question

<td align="left" valign="top" onmouseout="btnMenuCollapseClicked()">
                          <asp:Panel ID="Panel2" runat="server" ScrollBars="Auto">

                 <asp:TreeView ID="TreeView2" runat="server" Width="169px" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged">
                     <Nodes>
                         <asp:TreeNode Text="Main1" Value="Main1">
                             <asp:TreeNode Text="B" Value="B"></asp:TreeNode>
                             <asp:TreeNode Text="C" Value="C"></asp:TreeNode>
                             <asp:TreeNode Text="D" Value="D"></asp:TreeNode>
                         </asp:TreeNode>
                         <asp:TreeNode Text="Main2" Value="Main2">
                             <asp:TreeNode Text="A" Value="A"></asp:TreeNode>
                             <asp:TreeNode Text="B" Value="B"></asp:TreeNode>
                         </asp:TreeNode>
                     </Nodes>
                 </asp:TreeView>

             </asp:Panel>

                 </td>

在上面的td中，我提到了一个onmouseout事件，但是当我将鼠标悬停在td内的 TreeView 上时，td的onmouseout事件被触发。如何避免这种情况。 ？

Answer 1

这就是 onmouseout 的工作原理。

您想使用onmouseleave