事件（记录）

复制代码
<!doctype html>
<html>
    <head>
        <style>
            .box{background:red;padding:5px 0;height:25px}
            #pop{height:100px;width:400px;background:orange}
        </style>
    </head>

    <body id="body">
    
        <div id="box" class="box">
            <a href="">目标</a>
        </div>
        <div id="pop" style="display:none"></div>
        
        <script type="text/javascript">
            var $ = function(id){return document.getElementById(id)}
            
            function aa(elem1,elem2){
                var elem = elem2.getElementsByTagName("*");
                for(var i=0; i<elem.length; i++){
                    if(elem1 == elem[i]){
                        return true;
                    }
                }
                return false;
            }
            $("box").onmouseover = function(e){
                var e = e || window.event;
                var related = e.relatedTarget || e.formElement;
                if(related != this && !aa(related,this)){
                    $("pop").style.display = "block";
                }
            }
            $("box").onmouseout = function(e){
                
                var e = e || window.event;
                var related = e.relatedTarget || e.toElement;
                if(related != this && !aa(related,this)){
                    $("pop").style.display = "none";
                }
            }
        </script>

    </body>
</html>
复制代码

 

posted @   深蓝色梦想  阅读(189)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法！
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
点击右上角即可分享
微信分享提示