Question

Html

<input type="text" id="match1">
<div id="divf">It is a div which has a dark future</div>
<button>Not Remove</button>

and script

$(function(){
    $("input").blur(function()
    {
       $("#divf").remove(); 
    });
});

Now as it is clear from code i want the div to be removed on blur on input .But i don’t want div to be removed if someone is clicking on button .I have no idea how to do it.Can somebody solve this problem

Answer 1

If you want to put on just text field having id match1 then div will be removed only when the field has blue

$(function(){

   var isButtonClicked = false;
   $('button').one('click', function(){
      isButtonClicked = true;
   });

    $("#match1").blur(function()
    {
       if(!isButtonClicked)
            $("#divf").remove(); 
    });
});

If you want to put on just type text then the div will be removed on blue of every text box

    $(function(){
       var isButtonClicked = false;
       $('button').one('click', function(){
      isButtonClicked = true;
    });

    $("input[type=text]").blur(function()
        {
           if(!isButtonClicked) 
               $("#divf").remove(); 
        });
    });