title: fullscreenchange event not firing in Chrome
body: <p>I'm trying to monitor when the browser enters fullscreen mode. </p>
  
  <p>This blog is referenced everywhere I search as the guide on the fullscreen API.</p>
  
  <p><a href="http://robertnyman.com/2012/03/08/using-the-fullscreen-api-in-web-browsers/" rel="noreferrer">http://robertnyman.com/2012/03/08/using-the-fullscreen-api-in-web-browsers/</a></p>
  
  <p>This SO answer also claims this works.</p>
  
  <p><a href="https://stackoverflow.com/questions/9621499/fullscreen-api-which-events-are-fired">Fullscreen API: Which events are fired?</a></p>
  
  <p>Here is my code with jQuery, but it's not firing the event.</p>
  
  <pre><code>$(document).on("webkitfullscreenchange mozfullscreenchange fullscreenchange",function(){
          console.log("bang!");
  });
  </code></pre>
  
  <p>Seems simple enough, but it doesn't fire in Chrome. Any idea what I'm doing wrong?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Discovered something new. The events are working only if JavaScript calls the <code>requestFullScreen</code> API, but not if the user presses <strong>F11</strong>.</p>