Question

$('.xys').live('blur', function() {
});

Say that I have a input textfield with class xyz. This function successfully tells me that the element has lost focus. But how do I get to know that which element has it lost focus to?

Explaining further if say that I click somewhere else or press tab to move to another text field how can I know where has it gone?

Answer 1

You can use target property of event object:

$(document).on('blur', '.xys', function(event) {
     alert('blur: ' + event.target.id)
     // or alert(event.target.localName)
});

$(document).on('focus', '.xys', function(event) {
     alert('focus: ' + event.target.id)
     // or alert(event.target.tagName)
});

Note that live method is deprecated, you can use on method.