JS:实现自定义的“您确定要离开此页面吗”模态对话框

4
我知道这个问题可能已经被讨论过了,但我想知道Facebook是如何成功实现这个功能的 - 在https://www.facebook.com/messages/new:当撰写一条消息然后尝试在浏览器中按“返回”按钮时,我会得到Facebook自己的自定义对话框,以验证我真的想离开该页面。
我知道可以使用beforeunload事件来弹出本机对话框,但我该如何创建自己的自定义对话框,就像Facebook的那样。
我想其中一种方法可能是使用jQuery并在整个链接集上运行事件。
但是其他所有东西(例如浏览器中的“返回”按钮)是如何工作的呢?
我想这可能与pushState控制有关,或者Facebook可能使用某些客户端框架,在按下“返回”时,我实际上没有卸载窗口。
无论如何,很高兴获得有关此问题的一些信息。

1
你找到了问题的答案吗? - Scott
1个回答

0

这只是HTML、CSS和JS。在撰写消息的情况下,它实际上只是一个表单,设置你的beforeunload事件并检查是否填写了任何表单字段。如果是这样,请显示你的自定义HTML。也许这可以帮助你入门:http://jsbin.com/ronuyo/1/


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接