鼠标移动太快，mouseout事件不触发解决方案

最新推荐文章于 2024-11-24 12:19:09 发布

米娜Rose

最新推荐文章于 2024-11-24 12:19:09 发布

阅读量8.6k

点赞数

分类专栏： div+css Javascript 文章标签： function div border xhtml html

本文链接：https://blog.youkuaiyun.com/adengliuqing/article/details/7682570

版权

Javascript 同时被 2 个专栏收录

12 篇文章

订阅专栏

div+css

6 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">

        function over()
        { document.getElementById("div1").style.display = "";}
        function out()
        { document.getElementById("div1").style.display = "none"; }
        function out1(ev)
        { ev = ev || window.event; var obj = ev.toElement || ev.relatedTarget;if (obj.id != "div1") out(); }
    </script>
</head>
<body>
    <a href="#" οnmοuseοver="over()" οnmοuseοut="out1(event)" style=" border:solid 1px red;">
        111111111111111111111111111111111111</a>
    <div id="div1" οnmοuseοut="out()" style="height: 300px; width: 300px; border: solid 1px red; display: none;">
    </div>
</body>
</html>