Question

我正在尝试使用

隐藏div

if ($("input,textarea").is(":focus")) {
    $("#logos").hide();
} else {
    $("#logos").show();
}

我也试过

if ($("#input").is(":focus")) { }

并输入“输入”的输入ID，但似乎不起作用。它应该像移动谷歌搜索一样工作。

我在这里缺少什么？

Answer 1

你可能错过了一个事件处理程序

$("input,textarea").on({
    focus : function() {
        $("#logos").hide();
    },
    blur : function() {
        $("#logos").show();
    }
});

Answer 2

这是一个使用jQuery方法的工作示例

显示（）
隐藏（）
焦点（）
模糊（）

＆＃13;

$(document).ready(function(){

    $('.logos').hide();

    $('.focus').focus(function(){
        $('.logos').show();
    });

    $('.focus').blur(function(){
        $('.logos').hide();
    });

});

＆＃13;

div, textarea {
position: absolute;
width: 100px;
height: 100px;
vertical-align: top;
}

.logos {
top: 0;
left: 0;
color: rgb(255,255,255);
background-color: rgb(255,0,0);
}

.focus {
top: 0;
left: 112px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="logos">
#logos
</div>

<textarea class="focus">
Focus on me
</textarea>

＆＃13;

如果输入未聚焦，则隐藏div

2 个答案: