1.6 El método preventDefault().

El método preventDefault() se utiliza para impedir que un determinado evento se ejecute con normalidad, es decir, hace que un determinado evento se interrumpa. Recordemos que un evento puede ser cualquier acción realizada por el usuario.Ahora para entender su funcionamiento, supongamos que deseamos tener un campo de texto y que deseamos que no se pueda introducir texto dentro de este último (algo muy extraño, pero ilustrativo), el campo de texto sería el siguiente:

  <input type=”text” size=”30” class=”campoPrueba”/>

Entonces el código Jquery necesario sería el siguiente:

$(document).ready(function(){
         $(“.campoPrueba”).keypress(function(evento){
                       evento.preventDefault();
           });
});

El código consiste en lo siguiente:

• La primera parte $(document).ready(function(){}); permite que el código de Jquery se ejecute hasta que se haya descargado correctamente todo el código HTML.
• La segunda parte $(“.campoPrueba”).keypress(function(evento){…}); es la encargada de contener el código a ejecutarse cada vez que el usuario ingrese un carácter. Es importante mencionar que evento hace referencia a la acción llevada a cabo por el usuario, en este caso, ingresar un carácter.
• La tercera y última parte evento.preventDefault(); se encarga de impedir que el evento de ingresar un carácter se lleve a cabo.