首頁  >  問答  >  主體

javascript - 是不是有的事件不支援事件冒泡?

上面是一段很簡單的測試程式碼
如果onmouseover冒泡就應該觸發onclick 事件和onmouseout事件然而並沒有發生
點擊onclik事件也沒有觸發onmouseout事件
那麼具體有哪些不支持冒泡的事件?

<!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_leeringa_lee2732 天前888

全部回覆(3)我來回復

  • PHP中文网

    PHP中文网2017-05-19 10:20:25

    你對冒泡機制的理解有問題。冒泡是事件在不同層級之間的傳播。 。 。

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:20:25

    例如load、unload、blur、focus、mouseleave......
    詳細內容請參閱W3C文件:文件中事件的Bubbles屬性為NO的不支援冒泡

    回覆
    0
  • 漂亮男人

    漂亮男人2017-05-19 10:20:25

    冒泡也得是同類型的事件,例如click只能觸發click。
    事件觸發機制不一樣 肯定不能傳播

    回覆
    0
  • 取消回覆