en Javascript

Namespace en eventos de jQuery

Namespace o espacio de nombre (españolización que no se usa) es la contextualización de una variable o método, es decir, consiste en asociar un identificador a un grupo de variables y/o métodos.

Ahora que sabemos que significa, vamos a ver como se aplica esto a los eventos en jQuery y luego veremos una aplicación práctica de los namespaced events. Todos sabemos como añadir un manejador de evento (click, por ejemplo) a un elemento mediante el método bind:

Ahora si queremos contextualizar ese evento click, que pertenezca a un grupo utilizamos el siguiente código:

Esto funcionará, igual que el anterior ejemplo, en cada click que se haga a los elementos a, pero además podremos llamar únicamente a esta función mediante el metodo trigger o desligar un grupo de funciones asociadas a un evento,

Con esto hemos lanzamos el evento click con el espacio de nombre “namespace” de los elementos a.

Y con esto hemos desligado todos los tipos de eventos del espacio de nombre namespace, ya sean eventos click,  dbclick,  mousedown,  mouseup,  etc..

¿Se te ocurre como podrías utlizar los espacios de nombre en los eventos? Aquí te dejo un ejemplo simple de namespaced events. Consiste en un formulario que añade los valores que introduces en el campo “name” en una lista. La particularidad es que he dividido la tarea en 2 funciones, una para crear la lista y otra para añadir elementos, la primera de ellas la bindeo antes que la segunda y la desvindeo al acabarse ella misma. De esta manera consigo que la primera vez se llame a ambas funciones y las sucesivas solamente a la segunda.

HTML:

Javascript:

Ese es un ejemplo para ver el funcionamiento del namespacing, pero en este caso, ya que eliminamos el evento en la primera ejecución sería más útil utilizar el atajo one, quedando el primer evento de la siguiente manera:

¿Qué te aparecido? ¿Te resulta útil?

Cuéntanos dónde y cómo lo has aplicado para que aprendamos todos trucos nuevos de jQuery.

Posts Relacionados

Fundamentos web 2007: día 1  Trataré de actualizar este post con la información más relevante de las jornadas. También podéis seguir el evento a través de los exhaustivos ...
Jquery 1.1.4: Nueva versión, y siguen mejorando JQuery, uno de los mejores frameworks javascript que podéis encontrar actualmente ( el mejor, si me apuráis ), ha publicado hace unos días una ac...
Fundamentos web 2007: día 3 – Workshop sobr...  Aquí vamos de nuevo, arrancando el tercer y último día de las jornadas, dedicado a un workshop full day que va a ser dirigido por Tantek Çelik, ...