Comment faire pour éviter que d'autres gestionnaires d'événements, de premier gestionnaire, en jQuery

Si vous connectez deux ou plus des gestionnaires d'événement à un élément HTML, ils seraient exécutés l'un après l'autre. Toutefois, si vous voulez arrêter l'événement ultérieur des gestionnaires, en fonction d'une condition vérifiée dans le premier gestionnaire, puis ce que vous devez faire?

Par exemple:

<div id='target'>
</div>

<p id='result'>
</p>

Je voudrais annuler le second gestionnaire, si le premier gestionnaire est annulée.

$(function() {
    var target = $('#target'),
        result = $('#result');
    target.click(function(e) {
        result.append('first handler<br />');
        //Here I want to cancel all subsequent event handlers
    });
    target.click(function(e) {
        result.append('second handler<br />');
    });
});

Vous pouvez voir le violon ici.

PS: je sais que e.preventDefault() empêche l'action par défaut de l'élément HTML (par exemple, prévenir une demande HTTP GET d'être envoyé en raison de l'cliquer sur un lien), et e.preventPropagation() causes de l'événement d'être propagées à son parent éléments dans l'arborescence DOM. Je sais aussi qu'il est possible d'utiliser un milieu variable, attribuez la valeur true dans le premier gestionnaire, et de vérifier dans la suite des gestionnaires. Mais je veux voir si il est plus soignée, une solution à ce problème ou pas.

InformationsquelleAutor Saeed Neamati | 2011-11-14
  1. 45

    Voir event.stopImmediatePropagation() - http://api.jquery.com/event.stopImmediatePropagation/

    Selon le jQuery API docs, cette méthode:

    Conserve le reste des gestionnaires de cours d'exécution et empêche l'évènement de remonter l'arborescence DOM.

    • J'ai mis à jour le violon pour refléter votre réponse. +1 et merci.
    InformationsquelleAutor dcro
  2. 1

    La solution est un navigateur spécifique. Voir dojo.stopEvent:

    dojo.stopEvent = function(/*Event*/ evt){
    //summary:
    //       prevents propagation and clobbers the default action of the
    //       passed event
    //evt: Event
    //       The event object. If omitted, window.event is used on IE.
    if(has("dom-addeventlistener") || (evt && evt.preventDefault)){
        evt.preventDefault();
        evt.stopPropagation();
    }else{
        evt = evt || window.event;
        evt.cancelBubble = true;
        on._preventDefault.call(evt);
    }
};

    Mis à jour le violon: http://jsfiddle.net/pFp7P/1/

    • Cette question se rapporte à jQuery
    • C'est une solution native; n'est-il pas le travail w/ jQuery plus?
    InformationsquelleAutor fncomp