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 hacerpreventDefault
ystopPropagation
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:
- ¿Cuál es la diferencia entre usar
preventDefault()
yreturn false;
? (Duda resuelta) - ¿En qué momento utilizar uno o el otro? (Duda resuelta)
- ¿Es preferible inclinarse por alguno de los dos mencionados? (Duda resuelta)
- ¿Para qué es el
stopImmediatePropagation
y qué ventajas tendría al usarlo? - ¿Qué diferencia existe al usar
stopPropagation
contrastopImmediatePropagation
o utilizarlas en conjunto?