JQuery – Mouse Events

JQuery – Mouse Events – Copy Paste Ready

JQuery – Timer with Start Stop button, source code really easy to use!

JQuery – Mouse Events:

<!-- ############# -->
<!-- MOUSE BUTTONS -->
<!-- ############# -->

$("#p1").click(function(){ // mouse button click
  ... you want to do ...
});

$("#p1").dblclick(function(){ // mouse button double click
  ... you want to do ...
});

$("#p1").mousedown(function(){ // mouse button down
  ... you want to do ...
});

$("#p1").mouseup(function(){ // mouse button up
  ... you want to do ...
});

<!-- ############# -->
<!-- MOUSE POSITION -->
<!-- ############# -->

$("#p1").hover(function(){ // mouse pointer hover the element
  ... you want to do ...
});

$("#p1").mouseenter(function(){ // mouse pointer enter the element
  ... you want to do ...
});

$("#p1").mouseleave(function(){ // mouse pointer leave the element
  ... you want to do ...
});

$("#p1").mousemove(function(){ // mouse pointer move over the element
  ... you want to do ...
});

$("#p1").mouseout(function(){ // mouse pointer out the element
  ... you want to do ...
});

$("#p1").mouseover(function(){ // mouse pointer over the element
  ... you want to do ...
});

$("#input").focusout(function(){  // mouse pointer focus out the input element
  ... you want to do ...
});

My official WebSite >