简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Certains événements ne prennent-ils pas en charge le bouillonnement d'événements?
ringa_lee
ringa_lee 2017-05-19 10:18:25
0
3
880

Ce qui précède est un code de test très simple
Si des bulles onmouseover, l'événement onclick et l'événement onmouseout doivent être déclenchés. Cependant, cela ne se produit pas. Cliquez sur l'événement onclik et l'événement onmouseout n'est pas déclenché
Alors, quels sont les détails. des événements qui ne supportent pas le bouillonnement ? 

<!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

répondre à tous(3)
洪涛
洪涛2017-05-19 10:20:25 3 plancher

Il se peut qu’il y ait un problème avec votre compréhension du mécanisme de bouillonnement. Le bouillonnement est la propagation d'événements entre différents niveaux. . .

Comme +0
Ajouter une réponse
伊谢尔伦
伊谢尔伦2017-05-19 10:20:25 2 plancher

Par exemple, charger, décharger, flouter, mettre au point, quitter la souris...
Pour plus de détails, veuillez consulter le document W3C : Les événements dont l'attribut Bulles est NON dans le document ne prennent pas en charge le bouillonnement

Comme +0
Ajouter une réponse
漂亮男人
漂亮男人2017-05-19 10:20:25 1 plancher

Le bouillonnement doit également être le même type d'événement. Par exemple, un clic ne peut que déclencher un clic.
Le mécanisme de déclenchement de l'événement est différent et il ne se propagera certainement pas

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！