jQuery: Evitar la modificación del contenido de un inputbox

Si en un formulario HTML queremos evitar que los usuarios escriban dentro de elementos inputbox <input type=”text” /> podemos hacer uso de la fantástica librería de JavaScript jQuery para lograr este efecto de una manera no obstructiva.

El siguiente código hace toda la magia, y según creo se explica solo bastante bien.

1
2
3
$("input[type=text]").focus(function(){
    $(this).blur();
});

De todas maneras, nunca está demás la aclaración. La primera parte es el selector por el cual jQuery va a seleccionar todos las etiquetas input que tengan el atributo type como text. Luego, a este subconjunto, se les va a anexar una función a su evento OnFocus (cuando adquiran el foco, el cursor). El contenido de esta función ($(this).blur();) le dice a jQuery que le haga perder el foco al elemento padre (this, que viene a ser el input).

Leave a Reply

Your email address will not be published. Required fields are marked *

Are you human? *