Wednesday, May 30, 2012

DOM Event propagation

1. How to propagate Enter key event on press of some container.

$("#techyHouseDivOrInputField").keydown(function(event){
                                        if(event.keyCode == 13){
                                        propagate further events
                                            $("some_button").click();
                                        }
                                    });
II.  JQuery Live function on Hover/ mouse In , Mouse Out ,Click.

  $("a.link").live('click', function() {
      alert('I am clicked');

     //e.preventDefault();
      //e.stopPropagation();

    return false;
});

  $('internalTag', "#elementId").live({
                            mouseenter:
                               function()
                               {
                                $('anyInnerElment').show();



                               },
                            mouseleave:
                               function()
                               {
                                $('anyInnerElment').show();
                               }
                           }
                        ); 


   III.Unbind live function
    $("#elementId").die();
   $("#elementId").die("click");

 

1 comment: