给定样本标记:
<div> <input /> <input /> <input /> </div>
如何通过jQuery来确定div已经失去焦点?
我可以使用focusout(),但这不是我需要的.通过关注,它将被触发为输入到输入的一个选项卡,因为它实际上是通过事件冒泡来检测输入正在失去焦点.
另一种说明要求的方法:我需要知道焦点何时移动了外部的div.
以前我问过类似的问题:
jquery focusin() and preventing bubbling
但是这与一个弹出式UI相关联,可以通过在其后面插入一个空白DIV并将点击/焦点事件作为触发器来实现,但这对于这种情况将不起作用.
下一个想法是在调用focusout时测试focusin:
$(".myobject").focusout(function(element) { if(!($(this).focusin())){ console.log('doYourThing ' + $(this)); } });
唉,这不行(我猜这是因为它在焦点事件中评估焦点,因此还没有检测到焦点.
任何聪明的解决这个问题?我可能会错过一个本来的jQuery事件,正是我正在寻找的?
更新:
其实简化的问题:
我需要等价于$(‘div’).blur(),但实际上可以在div上工作(因为模糊不能从div触发)
解决方法
那么,将“焦点”处理程序绑定到所有内容中可能会有什么工作,而且你知道什么时候不在< div>当您在其他地方获得“焦点”活动时.
$('body').live('focus',(function() { var inDiv = false; return function(e) { if ($(this).closest('#theDiv').length) inDiv = true; else { if (inDiv) alert("just lost focus!"); inDiv = false; } }; });