Chrome not detecting fullscreen change

Question

I am trying to remove a class from an element when the user presses escape and exits full screen on chrome. My code:

document.addEventListener('onwebkitfullscreenchange', 

  function(e)
  {
    console.log("sanity check")
    if ($('#someDiv').hasClass('aClass'))
    {
      $('#someDiv').removeClass('aClass');
    }
  }
);

What am I missing here? I never see the "sanity check" output either. Nothing happens.

Answer 1

Just checked in F11 mode.

    if( window.innerHeight == screen.height) {
    console.log("sanity check")
    }

It only works in FullScreen mode.

When I typed, I didn't see @dxcorzo's comment, sorry. It just links to same answer. Credit goes to @dxcorzo :)