jQuery Tutorial


jQuery Example


jQuery References


jQuery mouseleave() Event Reference


  jQuery Events References


Uses

jQuery mouseleave() Event Occurs when mouse leaves an element area.


Bind a Function to mouseleave() event

Defined function run when the mouseleave() event occurs on the selected elements.

Syntax

$(selector).mouseleave(function) 

jQuery mouseleave() events supported following parameters.

ParameterDescription
functionFunction is Optional parameter. Function define the ready to run when event occur.

Example

<script type="text/javascript"> 
$(document).ready(function(){
  $("input").mouseenter(function(){
    $("input").css("background-color","#FFFF99");
  });
  $("input").mouseleave(function(){
    $("input").css("background-color","pink");
  });
});
</script>
Online Try This Code Your Self....   »

Trigger the mouseleave() event

Triggering the mouseleave() event for a selected elements.

Syntax

$(selector).mouseleave()

Example

<script type="text/javascript"> 
$(document).ready(function(){
  $("input").mouseenter(function(){
    $("input").css("background-color","#FFFF99");
  });
  $("input").mouseleave(function(){
    $("input").css("background-color","pink");
  });
  $("#btn1").click(function(){
    $("input").mouseenter();
  });  
  $("#btn2").click(function(){
    $("input").mouseleave();
  });  
});
</script>
Online Try This Code Your Self....   »

  jQuery Events References