Question

I like to know what the onFocus event is (if there will be any) when I receive an onBlur event in my (JavaScript) handler. How is this possible?

Example: I have a group of textboxes that form one group. Only if the whole group loses focus I want to inform subscribers about the group onBlur event. So if an onBlur event occurs I only want to forward it when I notice that it’s not followed by an onFocus event on another textbox in the group.

I do this now through a delay and looking if a focus event occurred in the meantime. But I don’t like this solution so much as: because of the delay the blur occurs after the focus and the event that it contained in the delayed blur is "old" which can be tricky in further processing.

My idea was: looking in the "event queue", when I receive the blur event, to detect any onFocus event that will follow, but I have no idea if this is possible and how to do this.

Answer 1

— Edit:

Having reviewed your question I’m not quite sure what you’re asking, so I’m not sure if what I’ve posted is suitable. Regardless, I leave it here for consideration.

You can do it quite trivially with a map and the ‘this’ variable:

var map = new Object();

...

function doBlur (obj) {
   if(map[obj] == "focus"){
   }
}

function doFocus (obj) {
    map[obj] = "focus";
}

<input onblur="doBlur(this);" onfocus="doFocus(this);" />

But even further, given that only one textbox can be focused at a time, you can just have a variable named lastFocus, and check that that object equals the one you want.