Ẩn một div bằng phím esc, và tắt bấm? Trong Jquery

Question

nếu tôi có một div tôi đã hiển thị nhờ sự kiện nhấp chuột - một số điều dễ dàng là làm cho nó gần gũi nếu ai đó nhấp vào bất kỳ nơi nào bên ngoài div hoặc truy cập phím esc?

Answer 1

Ở đây bạn đi ...

$(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(); 
    } 
}); 

Live Demo:http://jsfiddle.net/S5ftb/

Answer 2

Đối với những người bạn của những người thích vani:

<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>