jQuery:控制页面重新加载或离开当前页面

发布于 2024-12-05 21:55:36 字数 361 浏览 3 评论 0原文

如果用户通过使用鼠标(单击链接)或键盘(在聚焦表单元素时按 Enter 键)交互离开当前页面,我希望能够事先运行 JavaScript/jQuery 命令。

示例工作流程:

  1. 单击任何链接或按下某个键,这将导致在浏览器中加载新页面
  2. JavaScript 事件被触发并执行某些操作(例如 console.log()
  3. 用户 执行页面加载

此外,如果这也适用于触发页面重新加载的用户事件(例如按 F5),那就太好了。

我意识到 Stackoverflow 上也有类似的东西。如果答案框中有未保存的内容,它会在加载另一个页面之前显示警报。这可能是我要求的相同功能。

If a user moves away from the current page by using mouse (clicking on a link) or keyboard (hitting enter while having a form element focused) interactions, i want to do be able to run JavaScript/jQuery commands beforehand.

Exemplary workflow:

  1. User clicks on any link or hits a key which will result in loading a new page in the browser
  2. A JavaScript event gets fired and does something (for example console.log())
  3. Finally, the page load is executed

Furthermore, it would be great if that also works with user events that trigger a page reload (like pressing F5).

I realize that there is something similar here on Stackoverflow. It shows an alert before loading another page if there is unsaved content in an answer box. That may be the same functionality i ask for.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

怀里藏娇 2024-12-12 21:55:36
$( window ).unload(function() {
 return "Handler for .unload() called.";
});

参考:JQuery unload()

$( window ).unload(function() {
 return "Handler for .unload() called.";
});

Reference: JQuery unload().

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文