| <!DOCTYPE html> |
| <html> |
| <head> |
| <script type="text/javascript"> |
| function printVisibilityState() { |
| console.log(" document.hasFocus() == " + document.hasFocus()); |
| console.log(" document.hidden == " + document.hidden); |
| console.log(" document.visibilityState == " + document.visibilityState); |
| } |
| printVisibilityState(); |
| |
| window.onblur = function() { |
| console.log("window.onblur"); |
| printVisibilityState(); |
| }; |
| |
| window.onfocus = function() { |
| console.log("window.onfocus"); |
| printVisibilityState(); |
| }; |
| |
| document.onblur = function() { |
| console.log("document.onblur"); |
| printVisibilityState(); |
| }; |
| |
| document.onfocus = function() { |
| console.log("document.onfocus"); |
| printVisibilityState(); |
| }; |
| |
| document.onvisibilitychange = function() { |
| console.log("document.onvisibilitychange: " + document.visibilityState); |
| printVisibilityState(); |
| }; |
| </script> |
| </head> |
| <body style="background-color:#ccc"></body> |
| </html> |