Eventos

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 mailPreguntame lo que quieras!
Pablo Monteserín
contacta conmigoPablo Monteserín

El servicio de resolución de dudas técnicas es sólo para los usuarios premium. Si tienes cualquier otra duda, usa el formulario de contacto. ¡Gracias!