How can I detect when the users mouse leaves the document (body)

**YarrOfDoom** · May 18 '10, 08:05 PM

I don't know how you're linking your function to your event, but with addEventListene r() I've found you have to use mouseout instead of onmouseout (analogue for the other events).

**Jezternz** · May 18 '10, 11:54 PM

I am not so concerned with the event code, I have been using these functions I made (doesn't matter if its on<event> or <event>):

Code:

function addEvent(elem, etype, func){
	if(!etype || etype.constructor != String || !func || func.constructor != Function)return false;
	[U]if(etype.indexOf("on") == 0)etype.replace("on","");[/U]
	if(window.addEventListener)elem.addEventListener(etype,func,false);
	else if(window.attachEvent)elem.attachEvent('on'+etype,func);
	else return 0;
	return 1;
}

My question is more a general javascript question, which element or object should I use and which event on that object should I use, if I want to trigger a function when the user moves the mouse outside of the document?

cheers, Josh

**thesmithman** · May 19 '10, 02:32 AM

Originally posted by Jezternz

I am not so concerned with the event code, I have been using these functions I made (doesn't matter if its on<event> or <event>):

Code:

function addEvent(elem, etype, func){
	if(!etype || etype.constructor != String || !func || func.constructor != Function)return false;
	[U]if(etype.indexOf("on") == 0)etype.replace("on","");[/U]
	if(window.addEventListener)elem.addEventListener(etype,func,false);
	else if(window.attachEvent)elem.attachEvent('on'+etype,func);
	else return 0;
	return 1;
}

My question is more a general javascript question, which element or object should I use and which event on that object should I use, if I want to trigger a function when the user moves the mouse outside of the document?

cheers, Josh

Hi Josh,
It sounds like you want to attach the event listener to the parent of all the other elements. The HTML element from which all the other elements are descended is <body> so I think that is the element you're looking for. Alternatively you could try using the window object.

For the other part of your question, YarrOfDoom gave a good answer: your script will be listening for the mouseout event.

Happy coding!

**Jezternz** · May 19 '10, 04:30 AM

thanks for replys,
The problem I am having is, when I attach the mouseout event to the window or the body, it does not fire the event unless, I move the mouse off the window very slowly (so it is not really plausable, as often you will move the mouse out of the window in a fast motion). So are there any other ways I can go about this?

cheers, Josh

**Jezternz** · May 19 '10, 01:16 PM

I would like to apologize, I had something wrong with my code. I was under the impression the onmouseout event would not register on the window object, when infact it works perfectly.

Sorry for any time I wasted, Josh

How can I detect when the users mouse leaves the document (body)

How can I detect when the users mouse leaves the document (body)

Comment

Comment

Comment

Comment

Comment