如何修改代码-弹出窗口,其他关闭选项

How modify code - Pop up window, additional closing options

本文关键字:窗口 其他 选项 何修改 修改 代码      更新时间:2023-09-26

我有一个动画弹出框,只有点击左上角的"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');
      });
    });
  });   
}

将ESC按钮id传递给closeOffersDialog()函数,我认为它将在中工作