jueves, 17 de mayo de 2012

Evento mouseup Jquery


Evento mouseup

El evento mouseup() es parecido al evento mousedown() pero éste ocurre cuando hacemos click y soltamos.

Haz click sobre el siguiente botón manteniendo pulsado el botón... luego suéltalo...

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').mouseup(function(){
$("#MostrarTexto").text("Acabas de soltar el botón del mouse.");
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="Pincha aquí y suelta después de unos segundos">
<div id="MostrarTexto" style="color: green;"></div>
</body>
</html>