jueves, 23 de octubre de 2014

Ejemplo de evento dblclick - II

Eso es todo, aunque para completar esta información, puedes encontrar a continuación el código completo de este ejemplo de uso de eventos en jQuery.

<html>
<head>
<title>Trabajando con eventos</title>
<script src="../jquery-1.4.1.min.js"></script>
<script>
var numClics = 0;
var numDobleClics = 0;
$(document).ready(function(){
$("#micapa").dblclick(function(e){
numDobleClics++;
$("#mensaje").html("Doble Clic " + numDobleClics);
});
$("#micapa").click(function(e){
numClics++;
$("#mensaje").html("Clic " + numClics);
});
})
</script>
</head>
<body>
<h1>Trabajando con eventos en jQuery</h1>
<div id="micapa" style="padding: 10px; background-color: #ffcc99; width: 150px; float:
left;">Hazme dobleclick</div>
<div id="mensaje" style="padding: 10px; margin-left: 180px;">Aquí voy a colocar mensajes para que
los leas...</div>
</body>
</html>

Quizás quieras ver funcionando de este ejemplo de evento clic y doble-clic. 
En este artículo sólo hemos conocido los manejadores de eventos clic y doble-clic, pero hay muchos más. En el próximo artículo presentaremos un listado de los tipos de manejadores de eventos disponibles en jQuery.

No hay comentarios:

Publicar un comentario