Home
índice
Página anterior


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:

• Browsers Events
• Document Loading
• Events Objects
• Keyboard Events
• Form Events
• Mouse Events

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");
});
});

• mousedown();
• mouseenter();
• mouseleave();
• mousemove();

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");
});
});		 

• mouseout();
• mouseover();

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");
});
});