jueves, 17 de mayo de 2012

Evento mousedown jquery


Evento mousedown

El evento mousedown() es lanzado cuando pinchamos en cualquier elemento. Es similar al evento click(), la diferencia está en que este evento se lanza en cuando pinchamos, antes de soltar el botón.

* En el siguiente ejemplo haremos uso de la función css() para desplazar la caja a la derecha, cuando hagamos click sobre el botón.

Ahora prueba y haz click sobre el siguiente botón...
Me tengo que desplazar

El código es el siguiente...

<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$(':button#boton').mousedown(function(){
$("#MostrarTexto").css({position:'absolute', left:'200px'});
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="Desplazamiento">
<div id="MostrarTexto" style="color: green;">Me tengo que desplazar</div>
</body>
</html>