親要素を終了した後の子イベントトリガー

Question

親div内に2つの子入力があります。ユーザーが親要素を終了するとイベントをトリガーしたいのですが、ユーザーがある子供から別の子に直接移動したときではありません。この例では、私は別々の入力に日付と時刻を入力するようユーザーに求めています：

<div id="form"> 
    <div id="dateTime"> 
    <input id="date"> 
    <input id="time"> 
    </div> 
</div> 

なしの成功と次のように私は「.focusout」と「.blur」を使用して試してみました - そのことで私はイベントの意味しますユーザが「時間」からタブアウトし、親の「dateTime」divを完全に終了するまで待つのではなく、「日付」から「時間」にユーザがタブするときにトリガされる。

$("#form").on('focusout', '#dateTime', function() { 
    alert ('User has exited the "dateTime" div.'); 
}); 
$("#form").on('blur', '#dateTime', function() { 
    alert ('User has exited the "dateTime" div.'); 
}); 

HTML構造またはJQueryの使用に問題がありますか？

Answer 1

私はこれをまだ試していないが、私は、これは

$("#dateTime").focusout(function() { 
    if ($(this).has(document.activeElement).length === 0) { 
    alert('User has exited the "dateTime" div.'); 
    } 
});