离开页面javascript / jquery

Question

我的问题是这篇文章的继续https://stackoverflow.com/questions/22438863/javascript-jquery-for-before-leaving-the-page?noredirect=1#comment34138272_22438863 ，这是一个新功能。

我正在寻找以下功能：

在stackoverflow中，如果您输入一些答案，并且尝试关闭该选项卡，它将要求您确认消息。

以下是我的HTML部分：

<form id="demo">
 <input type="text" id="name" name=""/>
 <input type="email" id="emails" name=""/>
 <input type="number" id="ph" name=""/>
 <select name="" id="sample">
  <option>Select</option>  
  <option value="1">Chennai</option>
  <option value="2">Hyderabad</option>
 </select>
</form>

如果用户输入了某些内容，然后他单击徽标进行导航，它会询问确认消息。它的自然权利？即使stackoerflow也具有此功能。我尝试了此代码，但没有起作用

var changesMade = false;

function onDataChanged() {
 changesMade = true;
}

$('input:text, textarea, select').change(onDataChanged);
$('input:checkbox, input:radio').click(onDataChanged);

$("#homeicon").click(function() {
 if (changesMade) {
    return 'Changes have been made. Are you sure you want to leave the page?';
    location.href = "home.html";
 } else {
    return null;
 }
});

Answer 1

您正在jQuery中寻找onbeforeunload或beforeunload 。

请在此处查看 ，并使用该词搜索其他地方。