jeśli mam element div, który pokazałem dzięki zdarzeniu typu kliknięcie - co jest łatwiejsze, aby go zamknąć, gdy ktoś kliknie w dowolnym miejscu poza działem div lub uderza klawisz esc?Ukrywanie elementu div za pomocą klawisza esc i kliknięcie wyłączone? W Jquery
Proszę bardzo ...
$(document).on('click', function (e) {
if ($(e.target).closest(elem).length === 0) {
$(elem).hide();
}
});
$(document).on('keydown', function (e) {
if (e.keyCode === 27) { // ESC
$(elem).hide();
}
});
żywo demo:http://jsfiddle.net/S5ftb/
Dla tych z Was, którzy wolą wanilię:
<div id="div">Click me dude</div>
<script>
d = document.getElementById("div");
d.addEventListener("click", function(e){e.stopPropagation()},true);
addEventListener("click", function() {d.style.display="none"},false);
addEventListener("keypress", function(e){e.keyCode==27 &&(d.style.display="none")},false);
</script>
Element powinien być ukryty tylko wtedy, gdy pojawi się kliknięcie * poza * elementu ... –
Yikes, good catch; Sprawdzę. –
Dzięki za rozwiązanie nie-jquery! – Philipp
Z> 1K rep należy wiedzieć lepiej niż zadać takie pytanie - co próbowaliście? –
Powiąż odbiornik zdarzeń z tymi zdarzeniami i ukryj element div. Zobacz [Jak wykryć kliknięcie poza elementem?] (Http://stackoverflow.com/questions/152975/how-to-detect-a-click-outside-an-element) i [Który kod klucza Escape z jQuery ] (http://stackoverflow.com/questions/1160008/which-keycode-for-escape-key-with-ququery). –
Nie jestem ekspertem od JavaScript, ale powinno to pomóc: http://www.javascriptkit.com/jsref/eventkeyboardmouse.shtml. Użyj onKeyPress dla esc. Aby uzyskać kliknięcie, użyj przezroczystego elementu div lub czegoś obejmującego całą stronę, z div na górze. Ten przezroczysty obiekt powinien mieć funkcję onClick, a kliknięcie będzie kliknięciem zamykającym. –