Para realizar los siguientes ejercicios de eventos, dibujar en pantalla un cuadro de texto (un <input type=”text” >).
Ejercicio
Para ejecutar una función cuando el elemento toma el foco:
$("#elemento").on('focus', fn);
Para lanzar una función cuando el elemento pierde el foco:
$("#elemento").on('blur', fn);
Ejercicio
Mouse up, Mouse down
Ejercicio
$("#elemento").mouseover(fn)
$("#elemento").mouseout(fn)
Objeto evento
Es creado automáticamente por javascript cuando tiene lugar un evento.
Tiene varias propiedades: type(tipo de evento producido), keyCode(código Unicode) del botón pulsado, button(que botón del ratón fue pulsado)…
No todos lo eventos disponen de todas las propiedades del objeto event.
mousemove
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
$(document).mousemove(function(event){
$("#cory").text("coordenada y="+event.pageY);
});
$(document).click(function(e){
$("#corx").text("coordenada x="+e.pageX);
})
});
</script>
<p id="corx"></p>
<p id="cory"></p>