this
é o próprio elemento que tem o evento associando.
event.target
é o elemento quem disparou o evento. Imagine que dentro de um elemento existam outros elementos, que se clicados, disparam o evento do pai, event.target será esse elemento.
event.currentTarget
é o mesmo que this
. No caso de clicar em um elemento "filho", event.target
será o elemento quem disparou o evento, e event.currentTarget
será o "pai".
Pra ilustrar, veja o código abaixo:
<div class="pai" id="pai"><div class="filho" id="filho"></div></div>
$( ".pai" ).click(function(event) {
// some code
});
Aqui, se clicar no div "pai" , this
, event.target
e event.currentTarget
serão iguais, se clicar no div "filho", event.target
será o filho.