Is there an Javascript event for when a the page is pushed into the background?

Question

I remember having used such an event, but I can't remember the name.

The specific task I'm trying to accomplish is to stop my slideshow when the browser window isn't in the foreground. I'm fading the different images with jQuery, which uses quite some CPU power.

Is there an event that tells me, when the user switches to another application / page.

Answer 1

You should be able to use the onblur event of the window to detect that change.

Answer 2

There were some bugs with window focus event so I used mousemove event too.

$(window).blur(function(){
  // stop the slideshow
}).bind("focus mousemove", function(){
  // start the slideshow
});