Detecting if a browser is in full screen mode

by

Chrome 15, Firefox 10, and Safari 5.1 now provide APIs to programmatically trigger fullscreen mode. Fullscreen mode triggered this way provides events to detect fullscreen changes and CSS pseudo-classes for styling fullscreen elements.

See this hacks.mozilla.org blog post for details.

More Related Contents:

  1. How can I tell if a DOM element is visible in the current viewport?
  2. Appending HTML string to the DOM
  3. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  4. How to detect when a page exits fullscreen?
  5. Is it possible to programmatically catch all events on the page in the browser?
  6. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  7. Getting the text from a drop-down box
  8. How to make browser full screen using F11 key event through JavaScript [duplicate]
  9. How to reduce the length of a video using JavaScript? [closed]
  10. How do I set/unset a cookie with jQuery?
  11. Executing elements inserted with .innerHTML
  12. document.createElement(“script”) synchronously
  13. Identifying Between Refresh And Close Browser Actions
  14. Browser-native JSON support (window.JSON)
  15. How To Wrap / Surround Highlighted Text With An Element
  16. Get child node index
  17. Getting value of HTML Checkbox from onclick/onchange events
  18. Check if option is selected with jQuery, if not select a default
  19. Get browser download path with javascript
  20. How do I serialize a DOM to XML text, using JavaScript, in a cross browser way?
  21. Get the DOM path of the clicked
  22. Console shows error about Content Security policy and lots of failed GET requests
  23. JavaScript performance difference between double equals (==) and triple equals (===)
  24. Remove specific HTML tag with its content from javascript string
  25. how to compare two elements in jquery [duplicate]
  26. How do I wrap a text selection from window.getSelection().getRangeAt(0) with an html tag?
  27. Web browser: Hide mouse cursor [duplicate]
  28. How can I replace one class with another on all elements, using just the DOM?
  29. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  30. Create a table in SVG

Leave a Comment