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