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).