javascript - 如何修改代码 - 弹出窗口，附加关闭选项

Question

我有动画弹出框，只有在单击左上角的“X”按钮时才能关闭。您知道如何更改它，因此可以通过以下方式关闭它：

1. 点击ESC按钮
2. 在弹出窗口周围的背景中单击鼠标
3. 还有其他建议吗？

代码

function openOffersDialog3() {
  $('#overlay').fadeIn('fast', function() {
    $('#boxpopup_3').css('display','block');
    $('#boxpopup_3').animate({'left':'30%'},1000);
  });
}


function closeOffersDialog(prospectElementID) {
  $(function($) {
    $(document).ready(function() {
      $('#' + prospectElementID).css('position','absolute');
      $('#' + prospectElementID).animate({'left':'30%'}, 0, function() {
        $('#' + prospectElementID).css('position','fixed');
        $('#' + prospectElementID).css('left','100%');
        $('#overlay').fadeOut('fast');
      });
    });
  });   
}

Answer 1

将 ESC 按钮 id 传递给closeOffersDialog()功能，我认为它会起作用