在输入元素的父元素上调用focusout

时间:2014-07-10 20:33:20

标签: jquery events

这是我的HTML

   <div class="parent">
    <input class="text"/>
    <input class="text"/>
    </div>

我如何使用jQuery&#39; $ .on()即委托检测父div(.parent)何时失去焦点,似乎所有焦点输出事件仅在输入上触发

更新

我需要这个解决方案的原因是:父div假设是页面上的时间元素,并且当用户点击它时必须保持隐藏

1 个答案:

答案 0 :(得分:0)

class="parent应为class="parent"

焦点 - 活动对我来说很好。 div只能通过tabindex(在HTML 5中)获得焦点

看看: http://jsfiddle.net/m2gUm/

只需单击第一个输入,然后按Tab键三次。如果最终计数为3,则div成功(非)聚焦。 (在Opera中,我启用了一个选项来突出显示聚焦元素,并在第二次按Tab键后突出显示div)

当然你可以用.on()做同样的事情:

$('.parent').on('focusout', function()
{
    // ...
});