Home
índice
Página anterior

Mensagem

Click aqui

Eventos de Mouse

Na documentação da jQuery, assim como em todos os exemplos estudados até agora, tem também uma parte onde estão funções direcionadas a eventos Eventos. Estas funções estão divididas em categorias. Abaixo alguns exemplos:

click();

No javaScript:    
$(document).ready(function(){
$("span").click(function(){
$("div").text("Um Click ").css("color", "black");
});
});

dblclick();

No javaScript: 
$(document).ready(function(){
$("span").click(function(){
$("div").text("Click ").css("color", "black");
}).dblclick(function(){
$("div").text("Click Duplo").css("color", "red");
});
});
No javaScript: 		     
$(document).ready(function(){
$("span").click(function(){
$("div").text("Mouse Up").css("color", "yellow");
}).mousemove(function(p){
$("div").text("X="+p.clientX+" Y="+p.clientY).css("color", "blue");
});
});		 

Evento Mouse Over

Passe o mouse clique aqui e veja o funcionamento.

No javaScript:
$(document).ready(function(){
$("span").click(function(){
}).mouseover(function(){
$("div").text("Mouse Over").css("color", "red");
});
});
  

mouseup();

No javaScript:
$(document).ready(function(){
$("span").click(function(){
$("div").text("Um Click ").css("color", "black");
}).dblclick(function(){
$("div").text("Click Duplo").css("color", "red");
}).mouseover(function(){
$("div").text("Mouse Over").css("color", "black");
}).mouseout(function(){
$("div").text("Mouse Out").css("color", "red");
});
});