Problem with jquery blur() event on Div element [duplicate]

Answer 1

for div blur focusout() will work

 $('#divCustomerGroup').focusout(function () {
            alert('yo');
        });

Answer 2

I borrowed a tip from multiple solutions to make something easy. Basically when I focus something I want it to appear, but if I click out of it, I want it to hide again. So, if I click on something INSIDE the div that appeared, my click then goes to see if it finds a parent called "DivHoldingcustomController". If so, do nothing. If it does not (because I clicked somewhere else, so whateve I clicked on does not have this parent), then hide the custom controller.

    $(document).on("click", function (event) {
        var groupSelectorArea = $(event.target).closest(".DivHoldingCustomController").length == 1;
        if (!groupSelectorArea)
            $(".SomethingIWantToHide").hide();
    });

Answer 3

The best idea would be to handle the mousedown event and check the element that invoked the event.

Answer 4

I have done it by using the following code

<script>
    $(document).click(function (e) {
        if ($(e.target).is('._dpcontrol, ._dpcontrol *'))
            return;
        $('._dpcontrol').each(
                function (index, value) {
                    var retrivedtextbox = $(this).find('._dpitem')[0];
                    $(retrivedtextbox).fadeOut();
                });     
    });
</script>

Answer 5

You can use mouseleave method and solution

 <script type="text/javascript">
    $(document).ready(function()
    {
        $("#MainCanvas div").mouseleave(function()
        {
            alert("mouseleave");
        });
    });
</script>

Answer 6

You can add tabindex attribute on div tag:

<div class="my_div" tabindex="3"></div>

and after that blur event will be working:

$('.my_div').blur(function(){ 
   //code ... 
});