zoukankan      html  css  js  c++  java
  • 关于onMouseOut违背逻辑关系的解决办法!

    现有如下代码:

    <div id='div1' style='200; height:200;' onMouseOut="HideDiv('div1');">
       
    <a href='#'>test</a>
    </div>
    鼠标移出这个层的时候,就触发onMouseOut事件,将层隐藏掉。
    但是,如果你的鼠标接触到文字的时候,由于你接触到了A标记,而A标记在div1上边,所以就认为鼠标已经出了div1的范围了,就执行onMouseOut了,这个实际上并不是我们的本意。
    所以只能修改了一下HideDiv()方法,使其符合我们的要求
    function HideDiv(pName){
        
    var obj = event.toElement;
        
    while( obj!=null && obj.id!=pName ){
            obj 
    = obj.parentElement;
        }

        
    if( obj==null ){ document.all['div1'].style.display = 'none'; }
    }
    大概意思是,当触发onMouseOut事件时,先获取鼠标当前所指向的元素(对象),
    然后用递归方法,一层一层的往外找它的父元素,判断有没有叫div1的。
    如果一直到页面最外一层还找不到的话,那就把层隐藏了,
    如果找到的话,说明是div1的子元素,就不做任何事。

    ---------------------------------------------
    生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
    ↑面的话,越看越不痛快,应该这么说:

    生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
  • 相关阅读:
    临时文件服务器,配置共享文件夹
    封装扩展方法
    List.Insert
    VS 生成事件中xcopy失败
    创建型设计模式总结
    js提交图片转换为base64
    C#建造者模式
    echarts 立体柱
    k8s生产环境启用防火墙,要开启的端口
    一篇文章为你图解Kubernetes网络通信原理
  • 原文地址:https://www.cnblogs.com/pengchenggang/p/943622.html
Copyright © 2011-2022 走看看