单击或转义键时关闭叠加层

Close overlay on click or escape key

本文关键字：叠加 转义 单击      更新时间：2023-09-26

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

  <div id="navigationPop" class="myContent">
    <ul>
      <li>Search</li>
    </ul>
  </div>
function toggleDiv(divId) {
    $("#"+divId).fadeToggle();
}

转义：

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

如何使用JavaScript或jQuery检测转义键按下？

单击外部叠加：

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

如何检测元素外部的点击？

相关文章：