15 - Eventos mousedown y mouseup.


Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado)

Problema:

<html>
<head>
<title>Problema</title>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body>
<input type="button" id="boton1" value="boton 1">
<br> 
<input type="button" id="boton2" value="boton 2">
</body> 
</html>
var x;
x=$(document);
x.ready(inicializarEventos);

function inicializarEventos()
{
  var x;
  x=$("#boton1");
  x.mousedown(presionaMouse);
  x.mouseup(sueltaMouse);
  x=$("#boton2");
  x.mousedown(presionaMouse);
  x.mouseup(sueltaMouse);
}

function presionaMouse()
{
  $(this).css("background-color","#fffff0");
}

function sueltaMouse()
{
  $(this).css("background-color","#D4D0C8");
}

Crear una página con dos botones. Al ser presionados cambiar su color de fondo. Retornar al color original cuando se suelta el botón del mouse.


Ver solución

pagina1.html





funciones.js



Retornar