在 gwt 中提示用户退格和浏览器后退按钮

Question

当从一个类导航到另一个创建的历史时，我有两个类。现在，我想通过确认用户是否要离开页面来提示用户。直到现在，我尝试在gwt 中使用Window.closingHandler()，但它不适用于退格按钮和浏览器后退按钮，它只能用于关闭整个浏览器或使用交叉的特定页面。它也在重新加载。

我也尝试过使用 Javascript，它使用 onbeforeunload() 完美运行。

这是我使用的代码。

JAVASCRIPT：

window.onbeforeunload = function () {
  return "Are you sure you wish to leave this delightful page?";
}

以及gwt中的其他代码：

Window.addWindowClosingHandler(new Window.ClosingHandler() {
    public void onWindowClosing(ClosingEvent event) {
        event.setMessage("Do you wanna close?");
        System.out.println("Closing...");
    }
});

我希望在gwt 中完成。

Answer 1

我在 JSNI 中有这个，但它在浏览器后退按钮中也不起作用..

public native void call()/*-{

    $wnd.onkeypress = GetChar;

     function GetChar (event)
     {
        var key = event.keyCode;

        var bb = event.target.nodeName;

             if(key==8 && bb=="BODY")
                {
                    var x= window.confirm("Are you sureyou want to leave the page");

                    if (x==true)
                            {
                                window.history.back();
                            }
                    else if(x==false)
                            {

                                return false;
                            }
                }
        }                   
}-*/;

Answer 2

您是否尝试过使用History.addValueChangeHandler 来监听浏览器历史堆栈的变化？

---

-- 编辑--

以下代码适用于Firefox、Chrome 和IE9 中的Backspace key。

注意：请在其他浏览器上也进行测试，如果有任何问题，请告诉我。

    Event.addNativePreviewHandler(new Event.NativePreviewHandler() {

        @Override
        public void onPreviewNativeEvent(final NativePreviewEvent event) {
            boolean isFirefox = checkBrowser("Firefox");
            if ((isFirefox && event.getTypeInt() == Event.ONKEYPRESS)
                    || (!isFirefox && event.getTypeInt() == Event.ONKEYDOWN)) {
                if (event.getNativeEvent().getKeyCode() == KeyCodes.KEY_BACKSPACE) {
                    Element element = Element.as(event.getNativeEvent().getEventTarget());

                    String tagName = element.getTagName();

                    System.out.println(tagName);

                    if (!tagName.equalsIgnoreCase("INPUT")
                            && !tagName.equalsIgnoreCase("TEXTAREA")) {

                        boolean result = Window.confirm("Are you sure?");
                        if (!result) {
                            event.cancel();
                        }
                    }
                }
            }
        }
    });

    if (checkBrowser("Firefox")) {
        DOM.sinkEvents(RootPanel.get().getElement(), Event.ONKEYPRESS);
    } else {
        DOM.sinkEvents(RootPanel.get().getElement(), Event.ONKEYDOWN);
    }

....

private static boolean checkBrowser(String browserName) {
    return (Window.Navigator.getUserAgent().toLowerCase().indexOf(browserName.toLowerCase()) != -1);
}

-- 编辑--

这里也是检测浏览器返回按钮的代码。欲了解更多信息，请查看

How to know whether refresh button or browser back button is clicked in firefox

public native void onBeforeUnload()/*-{

    $wnd.onbeforeunload = function(e) {
        return 'Are you sure?';
    };
}-*/;

public void onModuleLoad() {

    onBeforeUnload();

}

截图（浏览器返回按钮被点击或页面被刷新）

请看下面的帖子：

• GWT back button browser
• Best way to detect browser closing/navigation to other page and do logout