How To Make A Window Appear When A User's Mouse Hovers Outside The Webpage Area?

Question

The best way I can describe what I am talking about is say you are on a webpage and you start to move your mouse to move to the "back" button. Once your mouse leaves the webpage area, I want to show a window appear within the webpage and shows something inside of it.

So it is a way to notify the user of something before they are going to leave the website? Does anyone know of how you would go about this or what to use? Or any tutorials on this? I'm thinking javascript with mousemovement or jquery possibly, but I can't find anything around online.

Is there a specific name for the webpage area of a website that is more proper so I would find this online? Thanks

Related: http://stackoverflow.com/questions/147636/best-way-to-detect-when-a-user-leaves-a-web-page — Sandeep Chatterjee, Aug 31 '14 at 09:37
You can use `window.unload` event, it triggers when you try to leave the website. — Weafs.py, Aug 31 '14 at 09:39

score 1 · Accepted Answer · edited May 23 '17 at 10:33

1

You can detect the mouse leaving the window by doing something like this:

addEvent(document, 'mouseout', function(evt) {
  if (evt.toElement == null && evt.relatedTarget == null) {
    alert("left window");
  }
});

I found a good answer to your question on THIS post.

edited May 23 '17 at 10:33

Community

1
1

answered Aug 31 '14 at 09:41

Cyzanfar

6,997
9
43
81

How To Make A Window Appear When A User's Mouse Hovers Outside The Webpage Area?

1 Answers1