单击或转义键上的关闭叠加

Question

我创建了一个覆盖整个页面的叠加层，我正在寻找一种方法来单击正文以关闭叠加层和/或使用转义键：

  <div id="navigationPop" class="myContent">
    <ul>
      <li>Search</li>
    </ul>
  </div>

function toggleDiv(divId) {
    $("#"+divId).fadeToggle();
}

Answer 1

逃逸：

$(document).keyup(function(e) {
  if (e.keyCode == 27) { <DO YOUR WORK HERE> }   // esc
});

How to detect escape key press with JavaScript or jQuery?

点击外部叠加层：

$('html').click(function() {
    //Hide the menus if visible
});

$('#menucontainer').click(function(event){
    event.stopPropagation();
});

How do I detect a click outside an element?