Last active
February 7, 2024 16:40
-
-
Save nuxodin/9250e56a3ce6c0446efa to your computer and use it in GitHub Desktop.
focusin focusout support for firefox
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Copyright (c) 2016 Tobias Buschor https://goo.gl/gl0mbf | MIT License https://goo.gl/HgajeK */ | |
/* focusin/out event polyfill (firefox) */ | |
!function(){ | |
var w = window, | |
d = w.document; | |
if (w.onfocusin === undefined) { | |
d.addEventListener('focus' ,addPolyfill ,true); | |
d.addEventListener('blur' ,addPolyfill ,true); | |
d.addEventListener('focusin' ,removePolyfill ,true); | |
d.addEventListener('focusout' ,removePolyfill ,true); | |
} | |
function addPolyfill(e){ | |
var type = e.type === 'focus' ? 'focusin' : 'focusout'; | |
var event = new CustomEvent(type, {bubbles:true, cancelable:false}); | |
event.c1Generated = true; | |
e.target.dispatchEvent(event); | |
} | |
function removePolyfill(e){ | |
if (!e.c1Generated) { // focus after focusin, so chrome will the first time trigger tow times focusin | |
d.removeEventListener('focus' ,addPolyfill ,true); | |
d.removeEventListener('blur' ,addPolyfill ,true); | |
d.removeEventListener('focusin' ,removePolyfill ,true); | |
d.removeEventListener('focusout' ,removePolyfill ,true); | |
} | |
setTimeout(function(){ | |
d.removeEventListener('focusin' ,removePolyfill ,true); | |
d.removeEventListener('focusout' ,removePolyfill ,true); | |
}); | |
} | |
}(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks. That does the trick. FF still does not support these events in August 2015. They did drop the ball at some point in time.