<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 中存在的树视图上时，td 的 onmouseout 事件被触发。如何避免这种情况。？

Answer 1

这就是 onmouseout 的工作原理。

您想使用onmouseleave

<td> 中的 onmouseout 在其内部的子元素被访问时触发

Onmouseout in <td> triggers when child elements inside it are accessed

javascript

onmouseover

onmouseout