Mouseevent abfangen (Elemente darunter sollen es nicht abkriegen)

[Noeden]

Hallo,

ich hatte das Problem schonmal aber ich finde im Internet einfach nichts einschlägiges.

Ich habe ein Div in einem Div. An beide habe ich per jQuery das mouseenter und das mouseleave Event geheftet. Ich möchte aber, wenn man von dem größeren Div in das kleinere innere Div geht, dass im äußeren Div ein Mouseleave ausgeführt wird und nur im inneren ein mouseenter.

Ich hoffe ihr versteht was ich meine.

Danke schonmal ...

PS: finde auch bei der api von jQuery nichts ... ich glaube ich bin blind

 

[Noeden]

Für alle nach mir, das Zauberwort nach dem man suchen muss ist Eventbubbling ... erledigt

Naja, hat sich doch nicht erledigt. irgendwie wird das Event jetzt fast nur noch für das äußere Div ausgelöst und ich komm einfach nicht hinter. Ein Tipp wäre nett!

gekürzter Code

jQuery.fn.boxEnter = function (){
	return $(this).each(function(){
		$(this).addClass("boxactive");
	});
}

jQuery.fn.boxLeave = function (){
	return $(this).each(function(){
		$(this).removeClass("boxactive");
	});
}
$(".box").live("mouseenter", function(e){
	e.cancelBubble = true;
	$(".boxactive").boxLeave();
	$(this).boxEnter();
});
$(".box").live("mouseleave", function(){
	$(this).boxLeave();
});