按 ESC 按钮可禁止进一步使用该<a>标记

Question

我使用以下代码使用 ESC 键关闭弹出窗口。但是按下ESC按钮后，用于创建弹出窗口的链接将被禁用。

    $(document).keydown(function(e) {
      if (e.keyCode == 27) { 
       $(".overlay").hide();
    }   
    });

这是 HTML 代码

<a href="#popup1
 <li>bla bla</li>
</a>
<div id="popup1" class="overlay">
 <div class="popup">
  <a class="close" href="#">&times;</a>
    <div class="content">
     <p>Hello</p>
    </div>
 </div>
</div>

Answer 1

希望对您有所帮助。

$(document).keydown(function(e) {
    if (e.keyCode == 27) { 
       $(".overlay").hide();
    }   
});
$("your-a-tag-id-or-class").click(function(e) {
    e.preventDefault();
    $(".overlay").show();  
});