onmouseover 和onmouseout 的bug解决方案

每次在写移入移出事件的时候,就会出现bug,在IE下会闪,感觉像是在多次执行。

解决的方案:

写一个移入demo:

oBox.onmouseover=function(ev){
	 var oEvent=ev||event;
	 var oFrom=oEvent.fromElement||oEvent.relatedTarget;
	 if(oBox.contains(oFrom)){
	 	return;
	 }
	 	alert('移入');
};

	 		

 移出与移入类似,只是把fromElement改成toElement就可以了;

如:

oBox.onmouseout=function(ev){
	var oEvent=ev||event;
	var oTo=oEvent.toElement||oEvent.relatedTarget;
	 if(oBox.contains(oTo)){
	 	return;
	 };
	 alert('移出');
};

  

 

如果问题,欢迎大家及时指点,一同交流,共同提高
原文地址:https://www.cnblogs.com/wujidns/p/4116398.html