Tengo este simple script que captura un evento de un botón con jQuery:
$(function() {
$('#myButton').click(function(evt) {
console.log(evt);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="myButton" type="button">
Enviar
</button>
La variable evt
al ser mostrada en la consola tiene varias propiedades llamadas:
target
currentTarget
delegateTarget
relatedTarget
Todas ellas excepto relatedTarget
hacen referencia al mismo objeto, el botón que generó el evento. ¿Sabe alguien cuál es la diferencia entre ellas? Si todas apuntan al mismo objeto, ¿por qué jQuery las usa?.