How to remove $(document).on click event?

Question

Here is the code to add event

   $(document).on({
      click: function() {
        $(this).hide();
        $(\'#form_name\').removeClass(\'hide\');
                 


        

Answer 1

An event handler is bound to an element. You can unbind an event handler from the element it is attached to, but you can't unbind it from a descendant element since that isn't where it is listening.

You can either:

1. Examine the target property of the event object (the first argument to your event handler function) to see what element was clicked on and then return before doing anything.
2. Bind a new event handler to the elements you want stop the event from triggering from and prevent the event from continuing up the DOM.