Skip to main content
replaced http://es.stackoverflow.com/ with https://es.stackoverflow.com/
Origen Enlace

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 Álvarorespuesta 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?

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?

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?
Aviso eliminado Mejorar los detalles por Phi
Recompensa finalizada con Alvaro Montoro's answer elegida por Phi
Aviso añadido Mejorar los detalles por Phi
Recompensa iniciada por un valor de 50 de reputación por Phi
se añadieron 1298 caracteres en el cuerpo; título editado
Origen Enlace
Phi
  • 10.2k
  • 5
  • 28
  • 48

¿Cuál es la diferencia entre PreventDefault y 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?

¿Cuál es la diferencia entre PreventDefault y return false 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();
});

Dado lo anterior me surgen algunas dudas:

  1. ¿Cuál es la diferencia entre usar preventDefault() y return false;?
  2. ¿En qué momento utilizar uno o el otro?
  3. ¿Es preferible inclinarse por alguno de los dos mencionados?

¿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?
Origen Enlace
Phi
  • 10.2k
  • 5
  • 28
  • 48

¿Cuál es la diferencia entre PreventDefault y return false 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();
});

Dado lo anterior me surgen algunas dudas:

  1. ¿Cuál es la diferencia entre usar preventDefault() y return false;?
  2. ¿En qué momento utilizar uno o el otro?
  3. ¿Es preferible inclinarse por alguno de los dos mencionados?