当用户尝试离开页面时创建确认弹出窗口

Question

基本上我是在我公司的内部网站上使用它，我们希望确保如果用户在填写表格时不小心点击了指向其他页面的链接，他们不会丢失他们所获取的信息'已经把表格。我在 javascript 中尝试了 window.onbeforeunload，但没有成功，所以我搬到了 jquery：

我尝试过使用 window.onbeforeunload，它似乎没有做任何事情。在 jquery 中使用 bind beforeunload 进行同样的操作：

    jQuery($(window).bind('beforeunload', function(){
        confirm('Are you sure you want to leave? Any information in "Notify" will be lost.');
    }));

Answer 1

你没有正确使用beforeunload：

window.addEventListener('beforeunload', function (e) {
  // Cancel the event
  e.preventDefault();
  // Chrome requires returnValue to be set
  e.returnValue = '';
});

<a href="https://example.com">Leave</a>