Skip to main content
3 de 3
replaced http://es.stackoverflow.com/ with https://es.stackoverflow.com/

¿Cuál es la diferencia entre return false PreventDefault, stopPropagation y stopImmediatePropagation en JavaScript?

Revisando algunos códigos de JavaScript, me encuentro con una peculiaridad, en algunas ocasiones se utiliza preventDefault() pero en otras un return false;, por ejemplo:

Función con return false;:

function() {
  return false;
}

Función con preventDefault();:

function(e) {
    e.preventDefault();
}

Un ejemplo más puntual sería el siguiente:

$('a').click(function () {
    return false;
});
//----------------------------
$('a').click(function (e) {
    e.preventDefault();
});

#Actualización

La respuesta de Álvaro me ha aclarado algunas dudas y me ha generado otras, por ejemplo, menciona:

En jQuery, return false es equivalente a hacer preventDefault y stopPropagation

Lo cual con sus ejemplos es bastante entendible, pero continuando con mi investigación, veo dos eventos más que funcionan con fines parecidos, el primero es stopPropagation y el otro es stopImmediatePropagation. stopPropagation hasta ahora lo he comprendido, pero ¿qué hay acerca de del stopImmediatePropagation?

Los ejemplos que hasta ahora han respondido me han ayudado demasiado a entender su funcionamiento, sin embargo, ahora no me queda claro en qué momento es factible usar stopImmediatePropagation.

Por ejemplo, enfocándonos en jQuery, ¿cuál sería el resultado de ejecutar el siguiente código?

$('a').click(function (e) {
    e.preventDefault();
    e.stopPropagation();
    e.stopImmediatePropagation();
});

Dado lo anterior me surgen algunas dudas:

  1. ¿Cuál es la diferencia entre usar preventDefault() y return false;? (Duda resuelta)
  2. ¿En qué momento utilizar uno o el otro? (Duda resuelta)
  3. ¿Es preferible inclinarse por alguno de los dos mencionados? (Duda resuelta)
  4. ¿Para qué es el stopImmediatePropagation y qué ventajas tendría al usarlo?
  5. ¿Qué diferencia existe al usar stopPropagation contra stopImmediatePropagation o utilizarlas en conjunto?
Phi
  • 10.2k
  • 5
  • 28
  • 48