用户关闭任何特定标签时如何显示提示?(这是关于单个选项卡,而不是所有浏览器的)

阿南德库玛·梅塔(Anandkumar Mehta)

我正在做一个需要做一些定制开发的项目。其中之一是用户关闭“特殊标签”时我必须显示一个弹出窗口。我已经尝试了一些解决方案,但是它并没有按照我的要求工作。它是否可以在整个浏览器上运行,或者根本不起作用。因此,当用户关闭任何特定的选项卡时,如何实现提示。

我尝试过的解决方案就是我尝试过的解决方案

ℛⱥℐℰşℎ
var validNavigation = false;

function wireUpEvents() {
  /**
   * For a list of events that triggers onbeforeunload on IE
   * check http://msdn.microsoft.com/en-us/library/ms536907(VS.85).aspx
   *
   * onbeforeunload for IE and chrome
   * check http://stackoverflow.com/questions/1802930/setting-onbeforeunload-on-body-element-in-chrome-and-ie-using-jquery
   */
  var dont_confirm_leave = 0; //set dont_confirm_leave to 1 when you want the user to be able to leave withou confirmation
  var leave_message = 'You sure you want to leave?'
  function goodbye(e) {
    if (!validNavigation) {
      if (dont_confirm_leave!==1) {
        if(!e) e = window.event;
        //e.cancelBubble is supported by IE - this will kill the bubbling process.
        e.cancelBubble = true;
        e.returnValue = leave_message;
        //e.stopPropagation works in Firefox.
        if (e.stopPropagation) {
          e.stopPropagation();
          e.preventDefault();
        }
        //return works for Chrome and Safari
        return leave_message;
      }
    }
  }
  window.onbeforeunload=goodbye;

  // Attach the event keypress to exclude the F5 refresh
  $(document).bind('keypress', function(e) {
    if (e.keyCode == 116){
      validNavigation = true;
    }
  });

  // Attach the event click for all links in the page
  $("a").bind("click", function() {
    validNavigation = true;
  });

  // Attach the event submit for all forms in the page
  $("form").bind("submit", function() {
    validNavigation = true;
  });

  // Attach the event click for all inputs in the page
  $("input[type=submit]").bind("click", function() {
    validNavigation = true;
  });

}

// Wire up the events as soon as the DOM tree is ready
$(document).ready(function() {
  wireUpEvents();
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

用户关闭任何特定标签时如何显示提示?(这是关于单个选项卡,而不是所有浏览器的)

来自分类Dev

用户单击关闭选项卡时如何打开新窗口浏览器?

来自分类Dev

是否可以在关闭浏览器/浏览器选项卡时清除所有cookie。在asp.net

来自分类Dev

当用户关闭ASP.NET MVC中的浏览器或选项卡时,如何注销用户?

来自分类Dev

当用户关闭基于 django2.0 的网站上的选项卡或浏览器时,如何强制注销用户

来自分类Dev

当ReactJS中的浏览器选项卡关闭时,如何触发弹出窗口?

来自分类Dev

如何在所有浏览器会话(选项卡)中重置Redux状态

来自分类Dev

关闭浏览器选项卡nodejs

来自分类Dev

在关闭浏览器选项卡上发送邮件

来自分类Dev

检测 Bokeh 中的浏览器选项卡关闭

来自分类Dev

Javascript在浏览器/选项卡上显示设计的元素关闭

来自分类Dev

实施JWT存储以允许浏览器刷新但在选项卡/浏览器关闭时清除

来自分类Dev

实施JWT存储以允许浏览器刷新但在选项卡/浏览器关闭时清除

来自分类Dev

当浏览器选项卡或窗口关闭时,是否会触发一般事件?

来自分类Dev

当用户离开我的站点时如何在浏览器中更改选项卡名称

来自分类Dev

如何在浏览器选项卡之间共享单个js资源?

来自分类Dev

如何使用JavaScript关闭浏览器选项卡(父窗口)

来自分类Dev

如何关闭知道进程ID的浏览器选项卡?

来自分类Dev

如何恢复意外关闭的浏览器选项卡?

来自分类Dev

如何在浏览器或选项卡关闭上实现Session.Abandon()?

来自分类Dev

X-Mouse Button Control:如何设置双击关闭浏览器选项卡?

来自分类Dev

使用angularJS的localStorage-如何将值动态绑定到浏览器中的所有选项卡

来自分类Dev

铬浏览器:打开太多窗口/选项卡时显示“ Aw,snap”

来自分类Dev

在浏览器关闭选项卡或浏览器退出上运行方法

来自分类Dev

每个站点所有打开的选项卡的浏览器通知仅一次

来自分类Dev

AureliaJS 应用程序在所有浏览器选项卡上重复

来自分类Dev

在不使用鼠标的情况下关闭浏览器中单个选项卡的快捷键

来自分类Dev

如何处理浏览器“多个”选项卡中的用户注销?

来自分类Dev

如何限制用户登录多个浏览器和选项卡

Related 相关文章

  1. 1

    用户关闭任何特定标签时如何显示提示?(这是关于单个选项卡,而不是所有浏览器的)

  2. 2

    用户单击关闭选项卡时如何打开新窗口浏览器?

  3. 3

    是否可以在关闭浏览器/浏览器选项卡时清除所有cookie。在asp.net

  4. 4

    当用户关闭ASP.NET MVC中的浏览器或选项卡时,如何注销用户?

  5. 5

    当用户关闭基于 django2.0 的网站上的选项卡或浏览器时,如何强制注销用户

  6. 6

    当ReactJS中的浏览器选项卡关闭时,如何触发弹出窗口?

  7. 7

    如何在所有浏览器会话(选项卡)中重置Redux状态

  8. 8

    关闭浏览器选项卡nodejs

  9. 9

    在关闭浏览器选项卡上发送邮件

  10. 10

    检测 Bokeh 中的浏览器选项卡关闭

  11. 11

    Javascript在浏览器/选项卡上显示设计的元素关闭

  12. 12

    实施JWT存储以允许浏览器刷新但在选项卡/浏览器关闭时清除

  13. 13

    实施JWT存储以允许浏览器刷新但在选项卡/浏览器关闭时清除

  14. 14

    当浏览器选项卡或窗口关闭时,是否会触发一般事件?

  15. 15

    当用户离开我的站点时如何在浏览器中更改选项卡名称

  16. 16

    如何在浏览器选项卡之间共享单个js资源?

  17. 17

    如何使用JavaScript关闭浏览器选项卡(父窗口)

  18. 18

    如何关闭知道进程ID的浏览器选项卡?

  19. 19

    如何恢复意外关闭的浏览器选项卡?

  20. 20

    如何在浏览器或选项卡关闭上实现Session.Abandon()?

  21. 21

    X-Mouse Button Control:如何设置双击关闭浏览器选项卡?

  22. 22

    使用angularJS的localStorage-如何将值动态绑定到浏览器中的所有选项卡

  23. 23

    铬浏览器:打开太多窗口/选项卡时显示“ Aw,snap”

  24. 24

    在浏览器关闭选项卡或浏览器退出上运行方法

  25. 25

    每个站点所有打开的选项卡的浏览器通知仅一次

  26. 26

    AureliaJS 应用程序在所有浏览器选项卡上重复

  27. 27

    在不使用鼠标的情况下关闭浏览器中单个选项卡的快捷键

  28. 28

    如何处理浏览器“多个”选项卡中的用户注销?

  29. 29

    如何限制用户登录多个浏览器和选项卡

热门标签

归档