Comment empêcher les événements de bouillonner en javascript

Méthode : 1. Utilisez la méthode stopPropagation() pour interdire, mais pas empêcher le comportement par défaut, la syntaxe "event.stopPropagation()" ; 2. Utilisez la méthode return pour interdire, tout en empêchant le comportement par défaut, la syntaxe " ; function(){return false} ".

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

Comment désactiver le bouillonnement d'événements en javascript

Dans JS natif, il existe deux méthodes principales pour les objets d'événement :

stopPropagation et PreventDefault

La première consiste à désactiver le bouillonnement et la seconde consiste à empêcher le comportement par défaut

. Remarque : Il s'agit d'une méthode JS native, pas d'une méthode jQuery. Le paramètre d'événement peut être n'importe quelle variable, telle que e ; .

return false empêche non seulement l'événement de bouillonner, mais empêche également l'événement lui-même. event.stopPropagation() empêche uniquement les événements de se produire, mais n'empêche pas l'événement lui-même.

Organisation :

1.event.stopPropagation();

Pendant le traitement des événements, la propagation des événements est empêchée, mais le comportement par défaut (saut d'hyperliens exécutables) n'est pas bloqué

2.return false;

Pendant le traitement des événements, le bouillonnement d'événements est empêché, et le comportement par défaut (aucun saut de lien hypertexte n'est effectué) est empêché Il y en a un autre lié au bouillonnement :

    ele.onmouseover=function(event){
        event=event||window.event;
        if(event.stopPropagation){
            event.stopPropagation();//标准留言器中禁止冒泡；
            // preventDefault中文意思是阻止默认行为；
        }else{
            e.cancelBubble=true;//IE浏览器禁止冒泡；IE678
        }
    }

Sa fonction est : événement Pendant le traitement, il n'y a pas de bouillonnement d'événements. bloqué, mais le comportement par défaut est bloqué (il exécute uniquement toutes les boîtes pop-up, mais n'exécute pas les sauts de liens hypertexte)

[Recommandations associées : tutoriel vidéo javascript,

front-end web

]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!