Quelltext der Seite Das Setzen des Click Events auf document innerhalb eines anderen Click Events löst sofort den Click auf document aus (jQuery)

== Problem ==

Über '''bind''' oder '''click''' wird auf ein Objekt eine Funktion als Event gesetzt. Innerhalb dieser Funktion soll auf das '''document''' ein Click Event gesetzt werden. Dieses Click Event auf '''document''' wird jedoch sofort ausgelöst und nicht erst beim nächsten Click. 

<source lang="javascript">
$("#button").bind('click',function(){

    ...

    $(document).bind('click',function(){           
      
     ...

    });
});
</source>

== Lösung ==

Mit der Funktion '''stopPropagation()''' des übergebenen Event Objekts (im Beispiel unten '''e''') kann der Click auf '''document''' verhindert werden.


<source lang="javascript">
$("#button").bind('click',function(e){

    e.stopPropagation();

    ...

    $(document).bind('click',function(){           
      
        ...

    });
});
</source>

== Bewertung ==

<poll>
War diese Information hilfreich?
Ja
Nein
</poll>

[[Kategorie:JavaScript]]