Having this code:
document.
onfocus =
function(
e) {
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
AdChoices