javascript - Unterstützen einige Ereignisse das Event-Bubbling nicht?
ringa_lee
ringa_lee 2017-05-19 10:18:25
0
3
896

Das Obige ist ein sehr einfacher Testcode.
Wenn Onmouseover-Blasen auftreten, sollten das OnClick-Ereignis und das OnMouseOut-Ereignis ausgelöst werden. Es passiert jedoch nicht, dass das OnMouseOut-Ereignis ausgelöst wird Ereignisse, die das Sprudeln nicht unterstützen?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>demo</title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            span{
                width: 100px;
                height: 100px;
                background: red;
                text-align: center;
                line-height: 100px;
                float: left;
            }
                
            p{
                width: 100px;
                height: 100px;
                background: blueviolet;
                text-align: center;
                line-height: 100px;
                float: left;
                display: none;
            }
            .dis{
                display: block;
            }
        </style>

    </head>
    <body>
        <p id="d">
        <span>
            点击
        </span>
        <p>浮动</p>
        </p>
    </body>
        <script>
            var d=document.getElementById('d')
            var s=document.getElementsByTagName('span')[0];
            var p=document.getElementsByTagName('p')[0];
            d.onclick=function(){
                console.log('123456789')
            }
            s.onmouseover=function(){
                p.style.display='block'; 
            }
            p.onmouseover=function(){
                p.style.display='block'; 
            }
            document.onmouseout=function(){
                p.style.display='none'; 
            }
        </script>    
</html>
ringa_lee
ringa_lee

ringa_lee

Antworte allen(3)
洪涛

你对冒泡机制的理解有问题吧。冒泡是事件在不同层级之间的传播。。。

伊谢尔伦

例如load、unload、blur、focus、mouseleave......
详细内容见W3C文档:文档中事件的Bubbles属性为NO的不支持冒泡

漂亮男人

冒泡也得是同类型的事件,比如click只能触发click。
事件触发机制不一样 肯定不能传播

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage