javascript - 按下浏览器停止加载时如何删除 Thymeleaf 和 Spring-Boot 表单上的微调器

Question

我有一个向 Webclient 服务提交查询的 spring-boot/thymeleaf 应用程序。当 web 客户端执行获取请求时，我在表单页面上显示了一个微调器。检索结果后，应用程序重定向到 @PostMapping 方法中的模板，显示结果，因为它是一个新页面，所以不再有微调器。根据需要工作。

但是，如果用户在 web 客户端执行获取请求时停止页面加载，则微调器仍然存在，因为没有向停止加载注册 EventListener 以隐藏微调器。所以我想知道：

1. 按下停止加载页面时会触发什么 DOM/Window 事件？我尝试了 document.onabort、document.oncancel、window.onabort、window.oncancel、window.onunload 等，但一无所获。我在下面添加了文档和窗口单击事件侦听器（以及中止、取消），并确认按下停止加载时没有记录任何内容。

2. 对于未来的调试/测试，是否有一个 console.log 调试代码我用来“跟随”导航点击，类似于：

    document.addEventListener("click", (event) => {
        console.log(event)
    })
    
    window.addEventListener("click", (event) => {
        console.log(event)
    }) 

我不走运试图用javascript做到这一点吗？这种逻辑是否有纯 Spring/Thymeleaf 替代方案？

标签： javascriptspring-bootthymeleaf