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