HTML Panel document.onfocus/onblur?

console.log("document onfocus " + e)

}

document.onblur = function(e) {

console.log("document onfocus " + e)

}

document.querySelector("body").onfocus = function(e) {

console.log("body onfocus, document hasFocus " + document.hasFocus())

}

document.querySelector("body").onblur = function(e) {

console.log("body onblur, document hasFocus " + document.hasFocus())

}

I can see that when click on my panel and then I alt-tab from photoshop body looses focus and log message states that document had focus.

If I just alt-tab – document didn't have focus.

So document focus state does change.

The problem is that `document.onfocus/onblur` are never called when focus state changes.

Why?

My problem:
I am using Shift modifier key as hotkey in my HTML panel. When panel is not in focus keycode isn't sent to the panel. I understand there is no workaround for keycodes, so I want to display a un-focused state so users would understand that they have to click on the panel to make it focused.

Panel would loose focus if you click on another panel, eg. Layers