鼠标移出时关闭 AJAX 控制工具包 BallonPopupExtender

有人知道如何从客户端关闭 Ballon Popup Extender 吗？ 一切都很好，但由于我将 BPE 设置为在鼠标悬停时显示，所以它在鼠标移出时没有任何关闭或隐藏方法，这确实不切实际，我尝试过：

  function hideElement() {
        document.getElementById(ID).style.display = 'none';
    }

function hideControl() {
    document.getElementById('<%=ID.ClientID%>').style.visibility = "hidden";
    return false;
}

我将上述方法连接到 onmouseout 的 div 之一，我可以隐藏页面上的任何控件，但不能隐藏 BPE，并且我尝试对 BPE 所针对的面板执行相同的操作，但什么也没发生。

是我错过了什么还是 BPE 就是这样吗？

这其实并不太难。您可以在页面上创建如下方法：

<script type="text/javascript">
    function hidePopup() {
        var popupObject = document.getElementById("<%= Panel1.ClientID %>");
        popupObject.BalloonPopupControlBehavior.hidePopup();
    }
</script>

然后从你的函数中调用该函数onmouseout您的控件的事件TargetControlID对于 BalloonPopupExtender （在我的示例中Panel1）。这是我用来测试 JavaScript 的代码：

<asp:Panel ID="Panel1" runat="server" BackColor="#009900" Height="50px" 
    Width="50px" onmouseout="hidePopup();">
</asp:Panel>
<asp:BalloonPopupExtender ID="Panel1_BalloonPopupExtender" runat="server" 
    CustomCssUrl="" DisplayOnClick="False" DisplayOnMouseOver="True" 
    DynamicServicePath="" Enabled="True" ExtenderControlID="" 
    TargetControlID="Panel1" BalloonPopupControlID="junk">
</asp:BalloonPopupExtender>

<div id="junk">
    Hey!  Here's some stuff!
</div>