Question

I wonder how can i do div box, which when it is clicked then something will happen to the time when we click in some other place. Notice that when we click more than one time in our box nothing special will heppen.

Answer 1

you can keep a variable to detect whether mouse is inside or in outside,

var isIn = false;

    $(document).ready(function()
    {
        $('#yourDiv').hover(function(){ 
            isIn =true; 
        }, function(){ 
            isIn =false; 
        });

        $("body").mouseup(function(){ 
            if(isIn) {
               //do your work 
            }else{
              //do your work
          }
        });
    });