JavaScript / jQuery: Test if window has focus

by

use the hasFocus method of the document.
You can find detailed description and an example here:
hasFocus method

EDIT: Added fiddle
http://jsfiddle.net/Msjyv/3/

HTML

Currently <b id="status">without</b> focus...

JS

function check()
{
    if(document.hasFocus() == lastFocusStatus) return;

    lastFocusStatus = !lastFocusStatus;
    statusEl.innerText = lastFocusStatus ? 'with' : 'without';
}

window.statusEl = document.getElementById('status');
window.lastFocusStatus = document.hasFocus();

check();
setInterval(check, 200);

More Related Contents:

  1. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  2. jQuery Event Keypress: Which key was pressed?
  3. How to capture the browser window close event?
  4. Definitive way to trigger keypress events with jQuery
  5. How to order events bound with jQuery
  6. Firing event on DOM attribute change
  7. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  8. How to trigger the window resize event in JavaScript?
  9. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  10. Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser
  11. How can I listen for a click-and-hold in jQuery?
  12. prevent Scroll bubbling from element to window
  13. jQuery: How to get the event object in an event handler function without passing it as an argument?
  14. Listening for Youtube Event in JavaScript or jQuery
  15. Throttle event calls in jQuery
  16. jQuery: Unbind event handlers to bind them again later
  17. How do you detect the clearing of a “search” HTML5 input?
  18. JS Events: hooking on value change event on text inputs
  19. How can I get jQuery .val() AFTER keypress event?
  20. jQuery event that triggers after CSS is loaded?
  21. jQuery events .load(), .ready(), .unload()
  22. Performance difference between jQuery’s .live(‘click’, fn) and .click(fn)
  23. Get the clicked object that triggered jquery blur() event [duplicate]
  24. Drop event not firing in chrome
  25. Prevent onclick action with jQuery
  26. jQuery: How to listen for DOM changes?
  27. jquery/javascript: function(e){…. what is e? why is it needed? what does it actually do/accomplish?
  28. Is there an equivalent to e.PageX position for ‘touchstart’ event as there is for click event?
  29. Fire oninput event with jQuery
  30. addEventListener to iFrame

Leave a Comment