Skip to main content
conteúdo editado
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

O $(this) se trata exatamente do elemento atual, onde se definiu o evento.

Já o $(event.target) pode se tratar tanto do elemento onde o evento está atribuído como do filho desse elemento atual, onde se definiu o evento.

Exemplo:

JQuery:

$(document).click(function(e){
    console.log(e.target); // #teste
    console.log(this); // #document
});

Exemplo HTML:

<body>
   <div id="teste">aqui será clicado</div>
</body>

No seu caso, se .bermuda tiver algum elemento filho, como um <p> ou um <img/>, ao clicar sobre eles, o evento de .bermuda será acessado, porém event.target retornará o elemento clicado, e não .bermuda.

É por isso que em alguns caso se usa event.stopPropagation(), para pode evitar essa "propagação do evento"propagação do evento dos elementos filhos para os pais.

O $(this) se trata exatamente do elemento atual, onde se definiu o evento.

Já o $(event.target) pode se tratar tanto do elemento onde o evento está atribuído como do filho desse elemento atual, onde se definiu o evento.

Exemplo:

JQuery:

$(document).click(function(e){
    console.log(e.target); // #teste
    console.log(this); // #document
});

HTML:

<body>
   <div id="teste">aqui será clicado</div>
</body>

No seu caso, se .bermuda tiver algum elemento filho, como um <p> ou um <img/>, ao clicar sobre eles, o evento de .bermuda será acessado, porém event.target retornará o elemento clicado, e não .bermuda.

É por isso que em alguns caso se usa event.stopPropagation(), para pode evitar essa "propagação do evento" dos elementos filhos para os pais.

O $(this) se trata exatamente do elemento atual, onde se definiu o evento.

Já o $(event.target) pode se tratar tanto do elemento onde o evento está atribuído como do filho desse elemento atual, onde se definiu o evento.

Exemplo JQuery:

$(document).click(function(e){
    console.log(e.target); // #teste
    console.log(this); // #document
});

Exemplo HTML:

<body>
   <div id="teste">aqui será clicado</div>
</body>

No seu caso, se .bermuda tiver algum elemento filho, como um <p> ou um <img/>, ao clicar sobre eles, o evento de .bermuda será acessado, porém event.target retornará o elemento clicado, e não .bermuda.

É por isso que em alguns caso se usa event.stopPropagation(), para pode evitar essa propagação do evento dos elementos filhos para os pais.

adicionou 14 caracteres ao conteúdo
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

O $(this) se trata exatamente do elemento atual, onde se definiu o evento.

Já o $(event.target) pode se tratar tanto do elemento onde o evento está atribuído como do filho desse elemento atual, onde se definiu o evento.

Exemplo:

JQuery:

$(document).click(function(e){
    console.log(e.target); // #teste
    console.log(this); // #document
});


 

HTML:

<body>
   <div id="teste">aqui será clicado</div>
</body>

No seu caso, se .bermuda tiver algum elemento filho, como um <p> ou um <img/>, ao clicar sobre eles, o evento de .bermuda será acessado, porém event.target retornará o elemento clicado, e não .bermuda.

É por isso que em alguns caso se usa event.stopPropagation(), para pode evitar essa "propagação do evento" dos elementos filhos para os pais.

O $(this) se trata exatamente do elemento atual, onde se definiu o evento.

Já o $(event.target) pode se tratar tanto do elemento onde o evento está atribuído como do filho desse elemento atual, onde se definiu o evento.

Exemplo:

$(document).click(function(e){
    console.log(e.target); // #teste
    console.log(this); // #document
});


 
<body>
   <div id="teste">aqui será clicado</div>
</body>

No seu caso, se .bermuda tiver algum elemento filho, como um <p> ou um <img/>, ao clicar sobre eles, o evento de .bermuda será acessado, porém event.target retornará o elemento clicado, e não .bermuda.

É por isso que em alguns caso se usa event.stopPropagation(), para pode evitar essa "propagação do evento" dos elementos filhos para os pais.

O $(this) se trata exatamente do elemento atual, onde se definiu o evento.

Já o $(event.target) pode se tratar tanto do elemento onde o evento está atribuído como do filho desse elemento atual, onde se definiu o evento.

Exemplo:

JQuery:

$(document).click(function(e){
    console.log(e.target); // #teste
    console.log(this); // #document
});

HTML:

<body>
   <div id="teste">aqui será clicado</div>
</body>

No seu caso, se .bermuda tiver algum elemento filho, como um <p> ou um <img/>, ao clicar sobre eles, o evento de .bermuda será acessado, porém event.target retornará o elemento clicado, e não .bermuda.

É por isso que em alguns caso se usa event.stopPropagation(), para pode evitar essa "propagação do evento" dos elementos filhos para os pais.

adicionou 8 caracteres ao conteúdo
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

O $(this) se trata exatamente do elemento atual, onde se definiu o evento.

Já o $(event.target) pode se tratar tanto do elemento onde o evento está atribuído como do filho desse elemento atual, onde se definiu o evento.

Exemplo:

$(document).click(function(e){
    console.log(e.target); // #teste
    console.log(this); // #document
});



<body>
   <div id="teste">aqui será clicado</div>
</body>

No seu caso, se .bermuda tiver algum elemento filho, como um <p> ou um <img/>, ao clicar sobre eles, o evento de .bermuda será acessado, porém event.target retornará o elemento clicado, e não .bermuda.

É por isso que em alguns caso se usa event.stopPropagation(), para pode evitar essa "propagação do evento" para seudos elementos filhos para os pais.

O $(this) se trata exatamente do elemento atual, onde se definiu o evento.

Já o $(event.target) pode se tratar tanto do elemento onde o evento está atribuído como do filho desse elemento atual, onde se definiu o evento.

Exemplo:

$(document).click(function(e){
    console.log(e.target); // #teste
    console.log(this); // #document
});



<body>
   <div id="teste">aqui será clicado</div>
</body>

No seu caso, se .bermuda tiver algum elemento filho, como um <p> ou um <img/>, ao clicar sobre eles, o evento de .bermuda será acessado, porém event.target retornará o elemento clicado, e não .bermuda.

É por isso que em alguns caso se usa event.stopPropagation(), para pode evitar essa "propagação do evento" para seu elementos filhos.

O $(this) se trata exatamente do elemento atual, onde se definiu o evento.

Já o $(event.target) pode se tratar tanto do elemento onde o evento está atribuído como do filho desse elemento atual, onde se definiu o evento.

Exemplo:

$(document).click(function(e){
    console.log(e.target); // #teste
    console.log(this); // #document
});



<body>
   <div id="teste">aqui será clicado</div>
</body>

No seu caso, se .bermuda tiver algum elemento filho, como um <p> ou um <img/>, ao clicar sobre eles, o evento de .bermuda será acessado, porém event.target retornará o elemento clicado, e não .bermuda.

É por isso que em alguns caso se usa event.stopPropagation(), para pode evitar essa "propagação do evento" dos elementos filhos para os pais.

Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920
Carregando