如何实现div的onbeforeunload行为？

Question

我最近发布了有关onbeforeunload实现的信息。它现在工作，但只解决了一半的问题。我的应用程序有很多选项卡，如果他点击新选项卡而不保存更改，我想向用户抛出相同的确认。所有标签都是div元素。你如何实现这种东西？ 附加了示例选项卡结构，其中每个选项卡都会加载新页面。

Answer 1

这样的事情会对你有所帮助。您需要将clickHandler添加到每个标签点击事件。

var dirty = false;

function clickHandler(){
     if (dirty && confirm('you are leaving the tab, wanna stay and save?')){
         return false; //prevent default
     }
     else {
         dirty = false;
         //trigger your tab load
     }
}