通过关注URL栏触发操作

Question

我希望能够在用户点击浏览器网址栏时使用JavaScript触发操作（例如，显示提醒弹出窗口）。

目标是让用户知道如果他们通过键入新网址离开页面，他们所做的可能更改将不会被保存。

这是可能的吗？如果是的话，怎么办呢？

Answer 1

虽然无法确定用户是否已点击地址栏，但您可以使用某些JS事件在提示已更改时仍提示用户。您要查看的javascript事件是onbeforeunload。

我过去通常做的是设置几个变量。一个用于检查页面是否已更改且可能需要保存，另一个用于检查它们是否通过适当的方法（即我的页面上的控件）导航离开页面，或者只是简单地导航（即URL栏） 。如果满足这两个条件，则可以提示用户他们可能会丢失更改。