xiebiji.com

//ele为目标元素，type为事件类型不用'on'，func为事件响应函数
var addEvent=function(ele,type,func){
	if(window.document.all)	
		ele.attachEvent('on'+type,func);//ie系列直接添加执行
	else{//ff
		if(type==='mouseenter')
			ele.addEventListener('mouseover',this.withoutChildFunction(func),false);
		else if(type==='mouseleave')
			ele.addEventListener('mouseout',this.withoutChildFunction(func),false);
		else
			ele.addEventListener(type,func,false);		
	}
}
var withoutChildFunction=function(func){
	return function(e){
		var parent=e.relatedTarget;//上一响应mouseover/mouseout事件的元素
		while(parent!=this&&parent){//假如存在这个元素并且这个元素不等于目标元素（被赋予mouseenter事件的元素）
			try{
				parent=parent.parentNode;}//上一响应的元素开始往上寻找目标元素
			catch(e){
				break;
			}
 
		}
		if(parent!=this)//以mouseenter为例，假如找不到，表明当前事件触发点不在目标元素内
		func(e);//运行目标方法，否则不运行
	}
}
function $(id){
	return document.getElementById(id);
}
addEvent($('parent'),'mouseenter',function(e){alert(e.relatedTarget);aa(1)});
function aa(a,b){
	alert(a);
}