使 focusout 事件忽略某些元素

在下面的代码中，如果您点击<input type="text" id="one" />和一个“红块”appears。如果你集中注意力，那么“红块”消失.

我该如何做到这一点focusout如果出现“红色方块”或<input type="text" id="two" />下一个重点元素是什么？

Demo http://jsfiddle.net/ukve6/2/

JavaScript

$('#one').focus(function () {
    $('#divRemove').show();
});

$('#one').focusout(function () {
    $('#divRemove').hide();
});

$('#divRemove').click(function(){
    alert($(this).text());    
});

HTML

<input type="text" id="one" />_______
<input type="text" id="two" />
<br/>
<br/>
<div id="divRemove" style="width:100px;height:100px;background:red; display:none;">remove on focus out</div>

您可以将焦点同时放在 #one 和 #two 上

$('#one,#two').focus(function () {
    $('#divRemove').show();
}).focusout(function () {
    $('#divRemove').hide();
});

DEMO http://jsfiddle.net/Alfie/ukve6/4/

Update

你不能真正聚焦一个div，除非你给它一个像这样的自定义索引tabindex="0"

<div id="divRemove" tabindex="0"

然后在 jQuery 中执行此操作

$('#one,#two,#divRemove').focus(function () {
    $('#divRemove').show();
}).focusout(function () {
    $('#divRemove').hide();
});

DEMO http://jsfiddle.net/Alfie/ukve6/6/