在 JSF 应用程序中禁用浏览器的后退按钮

Question

我在 WildFly 17 应用程序服务器上使用带有 PrimeFaces 的 JSF 2.2，并且想禁用浏览器的后退按钮。

我已经尝试过：

https://stackoverflow.com/a/20321530/1925356

https://stackoverflow.com/a/10305799/1925356

但我无法阻止浏览器后退按钮的功能。更准确地说，我在我的 xhtml 模板中尝试过这个：

    <h:body>
    <script>
        const O_BACK_BUTON = "o-back-button";
        const NO_BACK_BUTON = "n" + O_BACK_BUTON;
        const CROME_NO_BACK_BUTON = "Again-N" + O_BACK_BUTON;
        
        jQuery(document).ready(function() {
            jQuery(document).ready(function() {

                window.location.hash = NO_BACK_BUTON;
                window.location.hash = CROME_NO_BACK_BUTON; // Again because google chrome doesn't insert first hash into history
                window.addEventListener ? window.addEventListener('hashchange', disableHash) : window.attachEvent('hashchange', disableHash);
            });
        });

        function disableHash() {
            window.location.hash = NO_BACK_BUTON;
        }
        
    </script>

但它不起作用。（几乎）相同的代码适用于 struts 1.0

我做错了什么？

Answer 1

要在 Prime Faces 应用程序中禁用浏览器的后退按钮，您可以使用 JavaScript 来阻止后退按钮的默认行为。这是一个例子：

window.history.pushState(null, '', document.URL);
window.addEventListener('popstate', function(event) {
    window.history.pushState(null, '', document.URL);
});

此代码使用 HTML5 History API 来操作浏览器的历史记录并防止后退按钮的默认行为。

pushState

方法向历史添加新状态，并将地址栏中显示的 URL 更改为当前 URL。

popstate

事件侦听器捕获后退按钮事件并将新状态推送到历史记录，有效防止用户导航返回。

您可以将此 JavaScript 代码添加到 PrimeFaces 应用程序 HTML 文件的

<script>

部分的

<head>

标记中，或者将其包含在外部 JavaScript 文件中，并使用适当的

<script>

标记将该文件包含在您的 HTML 文件中。

注意： 从可用性的角度来看，禁用浏览器的后退按钮可能并不总是最佳解决方案，因为它会干扰网络浏览器的正常行为，并且可能并非在所有环境中都受支持。在您的应用程序中实现此功能之前，请务必考虑其影响和潜在缺点。

在 JSF 应用程序中禁用浏览器的后退按钮

问题描述投票：0回答：1

1个回答

最新问题

在 JSF 应用程序中禁用浏览器的后退按钮

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1