Capturar eventos con prototype
- May
- 18
2 comentarios! 167 palabras - 1 hits
protype ofrece sencillos metodos para realizar funciones basicas con javascript
La librería prototype entre otras cosas nos permite capturar eventos de una manera sencilla, supongamos que necesitamos lanzar una función en el momento que carga la ventana, con prototype solo tenemos que añadir la siguiente linea que se encargara de realizar el trabajo.
- Event.observe(window, "load", funcion.a.ejecutar, false);
Si por el contrario lo que necesitamos es ejecutar una función en el momento que se envía un formulario, lo podemos hacer de la siguiente manera,
- this.form = $('form-id');
- Event.observe(this.form, "submit", funcion.a.ejecutar.bind(this), false);
como podéis ver, a la función a ejecutar le añado .bind(this) que es otra función nativa de prototype, y se encargara de evitar que el evento se propague, lo que nos permite manipular la forma en la que se comporta el formulario, si por ejemplo deseamos que el evento se detenga por completo, al final de nuestra función podemos incluir Event.stop(this).
Estas técnica son ideales para trabajar con el DOM y así poder separar totalmente el código JavaScript del contenido.
¿Sencillo, no?
2 comentarios
# Escrito por Daniel Mota hace 4 años, 2 meses
La verdad es que prototype es una maravilla, te ahorra mazo trabajo.
Tambien puedes usar bindAsEventListener que te devuelve como primer argumento el evento.
# Escrito por Anonymous hace 2 años, 11 meses
Como puedo acer un menu como el que tienes en tu pagina para subir asta el principio?