Empêcher le clic de l'événement de clic parent enfant tirant

J'ai un sélecteur qui se lie à un événement de clic qui va supprimer le popup. Cependant, je veux seulement le sélecteur pour gérer le clic, au lieu de les enfants de la sélection pour être en mesure de tirer de l'événement click.

Mon code:

<div id="popup">
  <div class="popup-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div>
</div>

En cliquant sur .popup-contentil déclenche l'événement click quand je ne veux pas les enfants de #popup de le faire.

Le jQuery Code:

$('#popup').bind('click', function()
{
    $(this).remove();
});

source d'informationauteur MacMac

  1. 14

    essayer:

    e.stopPropagation();
return false;

    dans votre gestionnaire d'événements

  2. 18

    Dans votre gestionnaire d'événement pour #popup vérifier si e.target == this. c'est à dire:

    $('#popup').bind('click', function(e) {
    if(e.target == this) $(this).remove();
});

    Le faire, c'est beaucoup plus facile que de liaison supplémentaire sur les gestionnaires à tous les enfants.

  3. 0
    $('.popup-content').bind('click', function(e)
{
    e.stopPropagation();
});

    ou

    $('.popup-content').bind('click', function(e)
{
    return false;
});

    Dans votre cas c'est la même, mais parfois vous ne pouvez pas faire une telle chose sans e.stopPropagation(). Par exemple:

    $('.popup-content a').bind('click', function(e)
{
    e.stopPropagation();
    return confirm("Are you sure?");
});
  4. 0
    {if(e.target == this ){ return;}});