在浏览器标签上弹出显示关闭或离开页面

时间:2015-08-21 15:51:25

标签: javascript jquery twitter-bootstrap

我的项目中有一个弹出的代码。简单我在使用mousemove时使用的是褪色效果。 Bootstrap modalmousemove上显示完美,但我需要在用户关闭浏览器标签或离开页面时显示模态。以下是我的代码

$(document).on("mousemove", function (e) {
         $('#exitpopup').css('top', (window.innerHeight / 2 - $('#exitpopup').height() / 2));
         if (abc) {
             if (e.pageY >= 5) {
                 abc = false;
                 // Show the exit popup 
                 $('#exitpopup_bg').fadeIn();
                 $('#exitpopup').fadeIn();
                 abc = 0;
              }
         }
   });

以上代码工作正常,但我如何在下面的代码中使用fadeIn或建议我使用其他任何方式。

window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = "\o/";

  (e || window.event).returnValue = confirmationMessage; //Gecko + IE
  return confirmationMessage;                            //Webkit, Safari, Chrome
});

1 个答案:

答案 0 :(得分:3)

你做不到。出于安全原因,在任何浏览器中取消卸载事件的唯一方法是询问。当然,您无法修改浏览器将显示的对话框。您只能提供将在对话框中显示的字符串。由于该功能是为了安全,我认为他们不会允许你以任何方式这样做。