Eventos en jQuery

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);
focus blur

Ejercicio

$("#elemento").on('dblclick', fn);
Doble click

Mouse up, Mouse down

$("#buscar").on('mousedown', fn);

$("#buscar").on('mouseup', fn);
mouseUp, mouseDown

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>
move
icono de mandar un mail¡Contacta conmigo!
contacta conmigoPablo Monteserín

¡Hola! ¿En qué puedo ayudarte?