javascript onmouseout 解决办法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript onmouseout 解决办法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1894字，纯文字阅读大概需要3分钟。

内容图文

<script type="text/javascript"> 
　　function test(obj, e) { 
　　　　if (e.currentTarget) { 
　　if (e.relatedTarget != obj) { 
　　 if (obj != e.relatedTarget.parentNode) { 
　　alert(1); 
　　} 
　　} 
　　} else { 
　　if (e.toElement != obj) { 
　　if (obj != e.toElement.parentNode) { 
　　alert(1); 
　　} 
　　} 
　　} 
　　} 
</script> 
　　<div onmouseout="test(this, event)" style="width:100px;height:100px;border:1px #666 solid"> 
　　　　<span style="margin:5px;width:100%;height:100%;border:1px #ff0000 solid">faddsf</span>　　</div> 
 
2、 
 代码如下:

　　var LeaveFunext = function(t,f){for(var p in f){t[p]=f[p]} return t}; 
　　var IE = '\v' == 'v'; 
　　var contains = function(wrap,child){ 
　　if(IE) return wrap.contains(child); 
　　while(child && typeof(child.parentNode) != "undefind"){ 
　　if(wrap == child) return true; 
　　child = child.parentNode; 
} 
return false; 
　　}; 
　　var LeaveFun = function(o){ 
　　var _o = typeof o =="string" ? document.getElementById(o) : o; 
　　return this == window ? new LeaveFun(_o):LeaveFunext(_o, LeaveFun.prototype); 
　　}; 
　　LeaveFun.prototype = { 
　　mouseleave : function(fn){ 
　　if(IE){ 
　　this.attachEvent('onmouseleave',fn); 
　　}else{ 
this.addEventListener('mouseout',function(e){ 
tar = e.relatedTarget; 
if(!contains(this, tar)){ 
fn.call(this); 
} 
　　}, false); 
　　} 
　　return this; 
　　} 
　　}; 
　　//调用 
　　LeaveFun('share_customerdiv').mouseleave(function(){document.getElementById('share_customerdiv').style.display ='none';}) 
 
3、最简单，但在部分系统上会有轻微闪烁。 
 代码如下:

<div style="z-index: 11; " onmouseout="this.style.display='none'" onmouseover="this.style.display='block'" > 
<b class="STYLE19">更多此人的...</b> 
<a class="STYLE8" >留言板</a> 
<a class="STYLE8" >好友</a> 
<a class="STYLE8"></a> 
</div> 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的javascript onmouseout 解决办法全部内容，希望文章能够帮你解决javascript onmouseout 解决办法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端