如何控制javascript中的backbutton命中?

时间:2016-05-12 13:24:57

标签: javascript jquery

我使用了以下链接中的概念。它有效。

detecting browser back button in javascript/jquery without using any external plugins

但我的问题是, 我有一个对话框,显示不同的输入字段。 所以,我所做的是当我点击后退按钮时,我将该对话框隐藏起来。但同时我在弹出窗口中使用了areyousure.js警告消息。当我在弹出窗口中更改任何输入字段并单击后退按钮时,我收到一条警告消息为"您有未保存的更改。留在这个页面"或者"离开此页面。"但是当我点击此页面上的停留时,弹出窗口会根据该链接的概念进行隐藏。

所以,我尝试的是,当我在对话框中更改任何字段后点击后退按钮时,我必须得到警告消息,如果我点击停留在页面上它应该留在那里..

当我不改变任何东西时只需单击后退按钮我必须隐藏对话框并加载页面..

希望大家都明白我的问题。如果是这样,请给我一个解决方案。

我在弹出窗口中未进行任何更改时隐藏对话框的方法

bajb_backdetect.OnBack = function()
    {
            var popDiv = $('#popupModal #progressDiv');
            var popIframe = popDiv.find('#pop-iframe');
            popIframe.hide();
    }

我无法对我的areyousure.js页面进行更改,因为它在大多数代码中都使用了。有些代码没有对话框..

所以,在当前页面中,我需要对这两个代码进行验证。

1 个答案:

答案 0 :(得分:0)

我认为这是适合您的解决方案:Detect/Warn when back button is pressed

告诉我们是否有帮助