Cambiar el cursor al entrar a un elemento con mootools.

El evento por defacto en un navegador al pasar por un texto es mostrar la clásica "I" sin embargo aveces cuando estamos desarrollando una aplicación web queremos que en cierto elemento de página se muestre mejor la clásica manita o el puntero, esto es fácil de hacer en mootools.

creamos un nuevo elemento, yo elegí un div.

var div = new Element('div'); 

Inyectamos el div en nuestra página (columna izquierda es el elemento de página en este caso otro div).

div.inject($('columnaizquierda'));

Agregamos el evento a nuestro elemento div. Aquí yo he agregado dos, el primero es para cuando clickeamos en el evento salga una alerta que diga clicked, el segundo es cuando posicionemos el cursor ahí entonces en ves de mostrarnos la I nos muestre la manita.

                div.addEvents({
                'click': function() {
                alert('clicked!');
                },
                'mouseover': function() {
                this.setStyle('cursor', 'pointer');
                }
                });

Comentarios

Entradas populares de este blog

¿Cómo cerrar sesión en todos los dispositivos de Instagram?

Chris Rock no aparece desde la broma en los Oscares a Jada Smith!!

Nissan March 2020 VS Chevrolet Spark 2020