如何停止模糊关闭块

如果单击顶部输入，将显示红色块。我该如何阻止它，当您单击红色块或其输入时，该块会隐藏。我的代码仅适用于chrome，但不适用于Firefox或ie。你能帮忙吗

http://jsfiddle.net/n9Mbh/

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script src="js/libs/jquery-1.8.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                var $txtMain = $('#txtMain');
                var $popupInput = $('#popupInput');
                var $popup = $('#popup');

                $popup.hide();
                $txtMain.focus(function() {$popup.show();});
                $popupInput.focus(function() {$popup.show();});
                $popup.focus(function() {$popup.show();});
                $txtMain.blur(function() {$popup.hide();});
                $popupInput.blur(function() {$popup.hide();});
                $popup.blur(function() {$popup.hide();});

            });
        </script>
    </head>
    <body>
        <br /><br />

        <input type="text" id="txtMain" />
            <div id="popup" style="width: 200px; height: 200px; background: none repeat scroll 0% 0% red;" tabindex="5"><br /><br />
                <input type="text" id="popupInput">
            </div>

                <br /><br />
                <br /><br />
                <br /><br />
                <br /><br />
                <br /><br />
                <br /><br />
                <br /><br />
        <input type="text" id="test"  />
</body>
</html>

1(问题是以下行

$txtMain.blur(function() {$popup.hide();});

一旦它聚焦在$txtMain，弹出窗口就会被隐藏。

试试这个

$txtMain.blur(function () {
                    if (!$('#popup').is(':visible')) {
                        $popup.hide();
                    } 
                });

在火狐中检查这个小提琴

希望你明白背后的逻辑。

相关内容

最新更新

热门标签：