如何使用jquery检查多个元素是否没有焦点

Question

如何检查2个元素是否没有焦点？

我有一个文本框和下拉列表。如果他们都没有聚焦，我想隐藏下拉。

我可以查看以下代码吗？

if (!$("#dropdown,#textbox").is(":focus"))

Answer 1

if ($("#dropdown,#textbox").is(":focus")) //its valid it will validate any
{
    $("#dropdown").show();
}else{
    $("#dropdown").hide();
}

Answer 2

document.activeElement将返回当前关注的元素，然后你需要做的就是检查ID是否与dropdown或textbox不匹配，不需要jQuery！

var focused = document.activeElement.id;

if ( focused != 'dropdown' && focused != 'textbox') {
   document.getElementById('dropdown').style.display = 'none';
}

或jQuery版本：

$('#dropdown').toggle( !$("#dropdown, #textbox").is(":focus") );

Answer 3

尝试：

if ( !$('#dropdown').is(':focus') && !$("#textbox").is(':focus') ) { your function here }