Funciona de las dos maneras. Sea con preventDefault
, sea con return false
:
$("#ibxTest").keypress(function(e) {
var keyCode = e.which;
//Prohibiendo la coma
if ((keyCode == 44)) {
e.preventDefault();
}
//Prohibiendo el punto
if ((keyCode == 46)) {
return false;
}
console.log(keyCode);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="ibxTest" type="text" placeholder="No escribas ,">
¿Cuál es la diferencia?
Según esta respuesta de SO en inglés:
return false
desde dentro de un controlador de eventos jQuery es efectivamente lo mismo que llamar a e.preventDefault
y e.stopPropagation
en el objeto jQuery.Event
pasado en parámetro.
e.preventDefault()
evitará que ocurra el evento por defecto, e.stopPropagation()
evitará que el evento se borre y return false
hará ambas cosas. Ten en cuenta que este comportamiento difiere de los controladores de eventos normales (no jQuery), en los que, en particular, return false
no impide que el evento se borre.
Ver también: Any benefit to using event.preventDefault() over "return false" to cancel out an href click?