javascript - 将多个元素作为一个单元触发 onBlur

Question

我有两个输入，它们一起构成了一个语义单元(想想小时和分钟输入一起构成了时间输入)。如果两个输入都失去焦点，我想调用一些 Javascript 函数，但如果用户只是在这两个输入之间跳转，我不想触发任何东西。

我试过将这两个输入包装在一个 div 中并向该 div 添加一个 onBlur，但它从未触发。

接下来我尝试将 onBlurs 添加到两个输入并让它们通过 jQuery 检查另一个的 :focus 属性，但似乎当 onBlur 触发时下一个元素尚未获得焦点。

关于如何实现这一点有什么建议吗？

编辑:有人质疑这样做的目的。我想根据这两个输入包含的值更新一些其他字段，但理想情况下，如果用户仍在更新第二个输入(例如，如果从第一个输入到第二个输入的用户标签)。

Answer 1

我在这里做了一个工作示例: https://jsfiddle.net/bs38V/5/

它使用这个:

$('#t1, #t2').blur(function(){
    setTimeout(function(){
        if(!$('#t1, #t2').is(':focus')){
            alert('all good');
        }
    },10);
});