Posted By

wizard04 on 10/09/08

Tagged

Versions (?)

Last Edited at 10/09/08 03:41pm

Statistics

Viewed 745 times

Favorited by 1 user(s)

Related snippets

MouseEnter/Leave Handlers

/ Published in: JavaScript

These functions allow you to easily set a handler for a virtual mouseleave/enter event.

This requires my [MouseBoundaryCrossing](http://snipplr.com/view/8206/crossbrowser-mouseenterleave-solution/) class.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

/****************************************
These functions allow you to easily set a handler for a virtual mouseleave/enter event, using my MouseBoundaryCrossing class.
/****************************************/
 
//Note that a mouseout/over event is always fired before a mouseleave/enter event
//Also note that mouseleave/enter events do not bubble; effectively, they don't bubble in this implementation either.
//usage:  elem.onmouseout = onMouseLeave(leaveHandler, outHandler);
//usage:  elem.onmouseover = onMouseEnter(enterHandler, overHandler);
function onMouseLeave(handleLeave, handleOut)
{
	if(!handleLeave) return handleOut;
	return function(evt)
	{
		evt = evt || window.event;
		if(handleOut) handleOut.call(this, evt);
		try{
			var mbc = new MouseBoundaryCrossing(evt, this);
			if(mbc.leftLandmark) handleLeave.call(this, evt);
		}catch(e){}
	}
}
function onMouseEnter(handleEnter, handleOver)
{
	if(!handleEnter) return handleOver;
	return function(evt)
	{
		evt = evt || window.event;
		if(handleOver) handleOver.call(this, evt);
		try{
			var mbc = new MouseBoundaryCrossing(evt, this);
			if(mbc.enteredLandmark) handleEnter.call(this, evt);
		}catch(e){}
	}
}