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

Frameworks Javascript & AJAX aNieto2K se hace eco de la nota aparecida en ajaxian: 210 Ajax Frameworks and counting. Y es que la verdad es que desde la popularización de ciert...
JQuery 1.1.3: más rápido, más estable, igual de... JQuery, mi framework javascript preferido, se ha actualizado hoy a la versión 1.1.3. En esta nueva versión aseguran haber mejorado la velocidad de ...
Fundamentos Web 2007: Allí estaremos Fundamentos Web es uno de los eventos a nivel nacional más importantes en el ámbito del desarrollo y el diseño web con estándares. La edición...