onClickOut (kliknij po opuszczeniu elementu)

Question

Problem polegał na tym, że potrzebuję "onClickOut" -Event.

Na przykład: Masz widok DIV na zawisanie (onMouseOver) niektóre przyciski lub co kiedykolwiek.

Jeśli klikniesz na zewnątrz elementu, musisz go ukryć, ale jeśli powiesz $ ("body"), kliknij, a także zostanie ukryty po kliknięciu w sam element. :/

Teraz słucham myszy i kiedy mouseleave() Ustawiam var na kliknięciu w mój element. W następnym kroku odsłuchuję generelly click-event (body), ale pytam, czy var został ustawiony. Jeśli nie, musi to być kliknięcie poza moim elementem, więc mogę ukryć swój element.

Mam nadzieję, że można go używać:

$("#schnellsuche_box").mouseleave(function() { 
    var inside; 
    $("#schnellsuche_box").click(function() { 
     inside = true; 
    }); 
    $("body").click(function() { 
     if(!inside) { 
      $("#schnellsuche_box").hide(); 
     } 
    }); 
    delete inside; 
}); 

Answer 1

to zrobić poprzez słuchanie kliknięcie na poziomie dokumentu, a wewnątrz obsługi zdarzeń sprawdzić, czy element kliknięty był #schnellsuche_box lub dowolny element wewnątrz #schnellsuche_box za pomocą closest(), tak:

$(document).on('click', function(e) { 
    if (! $(e.target).closest('#schnellsuche_box').length) 
     $('#schnellsuche_box').hide(); 
}); 

FIDDLE

Answer 2

Trzeba zatrzymać zdarzenie #schnellsuche_box click z pęcherzyków do zdarzenia click body (to domyślna propagacja zdarzenia) wykonując return false:

$("#schnellsuche_box").click(function() { 
    inside = true; 

    return false; 
}); 

Answer 3

Wypróbuj:

$("body").click(function(e) { 
    var $target = $(e.target); 
    if (!$target.is('#schnellsuche_box') && 
     !$target.parents('#schnellsuche_box').length) { 
     alert('outside'); 
    } 
}); 

Answer 4

$("#schnellsuche_box").on("click",function(event) { 
    event.preventDefault(); 
    event.stopPropagation(); 
});