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

我想用你的手机隐藏一个div

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

我也试过了

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

并将输入id设置为“input”，但似乎不起作用。它应该像移动谷歌搜索一样工作

---

我缺少什么？

您可能缺少一个事件处理程序

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

---

您可能缺少事件处理程序

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

---

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

• show（）
• 隐藏（）
• 焦点（）
• 模糊（）

$（文档）.ready（函数（）{
$（'.logos'）.hide（）；
$（'.focus'）.focus（函数（）{
$（'.logos'）.show（）；
});
$（'.focus'）.blur（函数（）{
$（'.logos'）.hide（）；
});
});
div，textarea{
位置：绝对位置；
宽度：100px；
高度：100px；
垂直对齐：顶部；
}
.标志{
排名：0；
左：0；
颜色：rgb（255255）；
背景色：rgb（255,0,0）；
}
.焦点{
排名：0；
左：112px；
}

#标志
关注我
下面是一个使用jQuery方法的工作示例


show（）
隐藏（）
焦点（）
模糊（）


$（文档）.ready（函数（）{
$（'.logos'）.hide（）；
$（'.focus'）.focus（函数（）{
$（'.logos'）.show（）；
});
$（'.focus'）.blur（函数（）{
$（'.logos'）.hide（）；
});
});
div，textarea{
位置：绝对位置；
宽度：100px；
高度：100px；
垂直对齐：顶部；
}
.标志{
排名：0；
左：0；
颜色：rgb（255255）；
背景色：rgb（255,0,0）；
}
.焦点{
排名：0；
左：112px；
}

#标志
关注我
仍不工作。这是HTML文档的一部分，在脚本标记内，我认为这是正确的。还可能是什么？其他jQuery元素在我的文档中工作得很好。您是否将其包装并将这些脚本标记放在jQuery之后。我没有将其包装在$（document）.ready（）中，这就是问题所在。我不知道你需要它来工作。谢谢你，先生。还是不工作。这是HTML文档的一部分，在脚本标记内，我认为这是正确的。还可能是什么？其他jQuery元素在我的文档中工作得很好。您是否将其包装并将这些脚本标记放在jQuery之后。我没有将其包装在$（document）.ready（）中，这就是问题所在。我不知道你需要它来工作。谢谢你，先生。