blocks|key|1422106|text|也许您可以处理OnSubmit并设置一个标志，以便稍后在OnBeforeUnload处理程序中签入。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1422107|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Perhaps you could handle OnSubmit and set a flag that you later check in your OnBeforeUnload handler.

blocks|key|1207032|text|也许只需在表单的submit事件处理程序中取消绑定beforeunload事件处理程序：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1207033|jQuery('form').submit(function()+{
++++jQuery(window).unbind("beforeunload");
++++...
});|code-block|syntax|javascript|1207034|entityMap^0|8|6|P|C|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

Maybe just unbind the <code>beforeunload</code> event handler within the form's <code>submit</code> event handler:

<pre><code>jQuery('form').submit(function() {
 jQuery(window).unbind("beforeunload");
 ...
});
</code></pre>

blocks|key|1207089|text|每当用户出于任何原因离开您的页面时，都会触发beforeunload事件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1207090|例如，如果用户提交表单、单击链接、关闭窗口(或选项卡)，或者使用地址栏、搜索框或书签转到新页面，都会触发该事件。|1207091|您可以使用以下代码排除表单提交和超链接(来自其他框架除外)：|1207092|var+inFormOrLink;
$('a').on('click',+function()+{+inFormOrLink+=+true;+});
$('form').on('submit',+function()+{+inFormOrLink+=+true;+});

$(window).on("beforeunload",+function()+{+
++++return+inFormOrLink+?+"Do+you+really+want+to+close?"+:+null;+
})|code-block|syntax|javascript|1207093|对于早于1.7的jQuery版本，请尝试以下操作：|1207094|var+inFormOrLink;
$('a').live('click',+function()+{+inFormOrLink+=+true;+});
$('form').bind('submit',+function()+{+inFormOrLink+=+true;+});

$(window).bind("beforeunload",+function()+{+
++++return+inFormOrLink+?+"Do+you+really+want+to+close?"+:+null;+
})|1207095|live方法不适用于submit事件，因此如果添加新表单，还需要将处理程序绑定到该表单。|1207096|请注意，如果另一个事件处理程序取消了提交或导航，则当窗口稍后实际关闭时，您将失去确认提示。您可以通过在submit和click事件中记录时间，并检查beforeunload是否在几秒钟后发生来修复该问题。|1207097|entityMap^0|M|C|0|0|0|0|0|0|0|4|A|6|0|1F|6|1M|5|22|C|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|12|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|13|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|15|8|@]|D|@]|E|$M|N]]|$1|S|3|T|5|6|7|16|8|@$9|17|A|18|B|C]|$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|U|3|V|5|6|7|1B|8|@$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|X|$]]

The <code>beforeunload</code> event fires whenever the user leaves your page for any reason.

For example, it will be fired if the user submits a form, clicks a link, closes the window (or tab), or goes to a new page using the address bar, search box, or a bookmark.

You could exclude form submissions and hyperlinks (except from other frames) with the following code:

<pre><code>var inFormOrLink;
$('a').on('click', function() { inFormOrLink = true; });
$('form').on('submit', function() { inFormOrLink = true; });

$(window).on("beforeunload", function() { 
 return inFormOrLink ? "Do you really want to close?" : null; 
})
</code></pre>

For jQuery versions older than 1.7, try this:

<pre><code>var inFormOrLink;
$('a').live('click', function() { inFormOrLink = true; });
$('form').bind('submit', function() { inFormOrLink = true; });

$(window).bind("beforeunload", function() { 
 return inFormOrLink ? "Do you really want to close?" : null; 
})
</code></pre>

The <code>live</code> method doesn't work with the <code>submit</code> event, so if you add a new form, you'll need to bind the handler to it as well.

Note that if a different event handler cancels the submit or navigation, you will lose the confirmation prompt if the window is actually closed later. You could fix that by recording the time in the <code>submit</code> and <code>click</code> events, and checking if the <code>beforeunload</code> happens more than a couple of seconds later.

blocks|key|1422244|text|如果您的表单提交将它们带到另一个页面(正如我假设的那样，因此会触发beforeunload)，您可以尝试将表单提交更改为ajax调用。这样，他们在提交表单时就不会离开您的页面，您可以随心所欲地使用beforeunload绑定代码。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1422245|entityMap^0|X|C|2Q|C|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

If your form submission takes them to another page (as I assume it does, hence the triggering of <code>beforeunload</code>), you could try to change your form submission to an ajax call. This way, they won't leave your page when they submit the form and you can use your <code>beforeunload</code> binding code as you wish.

blocks|key|1422258|text|下面的内容对我很有效；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1422259|+$(window).unload(function(event)+{
++++if(event.clientY+<+0)+{
++++++++//do+whatever+you+want+when+closing+the+window..
++++}
+});|code-block|syntax|javascript|1422260|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Following worked for me;

<pre><code> $(window).unload(function(event) {
 if(event.clientY &lt; 0) {
 //do whatever you want when closing the window..
 }
 });
</code></pre>

blocks|key|1422306|text|我的问题：'onbeforeunload‘事件只有在提交(点击)次数为奇数时才会被触发。我有来自相似线程的解决方案的组合，所以我的解决方案可以工作。好的，我的代码将会说话。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1422307|


$(document).ready(function()+{
++updatefgallowPrompt(true);
++window.onbeforeunload+=+WarnUser;+
}

function+WarnUser()+{
++var+allowPrompt+=+getfgallowPrompt();
++if(allowPrompt)+{
++++saveIndexedDataAlert();
++++return+null;
++}+else+{
++++updatefgallowPrompt(true);
++++event.stopPropagation
++}
}


function+saveIndexedDataAlert()+{
++var+allowPrompt+=+getfgallowPrompt();
++var+lenIndexedDocs+=+parseInt($('#sortable3+>+li').size())+%2B+parseInt($('#sortable3+>+ul').size());

++if(allowPrompt+&&+$.trim(lenIndexedDocs)+>+0)+{
++++event.returnValue+=+"Your+message";
++}+else+{
++++event.returnValue+=+"+++";
++++updatefgallowPrompt(true);
++}
}


$(document).click(function(event)+{++
++$('a').live('click',+function()+{+updatefgallowPrompt(false);+});
});


function+updatefgallowPrompt+(allowPrompt){+//exit+msg+dfds
++$('body').data('allowPrompt',+allowPrompt);+++
}+++

function+getfgallowPrompt(){++++++++
++return+$('body').data('allowPrompt');+
}|code-block|syntax|javascript|1422308|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

My Issue: The 'onbeforeunload' event would only be triggered if there were odd number of submits(clicks). I had a combination of solutions from similar threads in SO to have my solution work. well my code will speak.
<pre><code>&lt;!--The definition of event and initializing the trigger flag---&gt;


$(document).ready(function() {
 updatefgallowPrompt(true);
 window.onbeforeunload = WarnUser; 
}

function WarnUser() {
 var allowPrompt = getfgallowPrompt();
 if(allowPrompt) {
 saveIndexedDataAlert();
 return null;
 } else {
 updatefgallowPrompt(true);
 event.stopPropagation
 }
}

&lt;!--The method responsible for deciding weather the unload event is triggered from submit or not---&gt;
function saveIndexedDataAlert() {
 var allowPrompt = getfgallowPrompt();
 var lenIndexedDocs = parseInt($('#sortable3 &gt; li').size()) + parseInt($('#sortable3 &gt; ul').size());

 if(allowPrompt &amp;&amp; $.trim(lenIndexedDocs) &gt; 0) {
 event.returnValue = &quot;Your message&quot;;
 } else {
 event.returnValue = &quot; &quot;;
 updatefgallowPrompt(true);
 }
}

&lt;!---Function responsible to reset the trigger flag----&gt;
$(document).click(function(event) { 
 $('a').live('click', function() { updatefgallowPrompt(false); });
});

&lt;!--getter and setter for the flag----&gt;
function updatefgallowPrompt (allowPrompt){ //exit msg dfds
 $('body').data('allowPrompt', allowPrompt); 
} 

function getfgallowPrompt(){ 
 return $('body').data('allowPrompt'); 
}
</code></pre>

blocks|key|1207253|text|我使用了Slaks+answer，但它不能正常工作，因为onbeforeunload+returnValue被解析为一个字符串，然后显示在浏览器的确认框中。因此显示的值为true，如"true“。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1207254|只需使用return就行了。以下是我的代码|1207255|var+preventUnloadPrompt;
var+messageBeforeUnload+=+"my+message+here+-+Are+you+sure+you+want+to+leave+this+page?";
//var+redirectAfterPrompt+=+"http://www.google.co.in";
$('a').live('click',+function()+{+preventUnloadPrompt+=+true;+});
$('form').live('submit',+function()+{+preventUnloadPrompt+=+true;+});
$(window).bind("beforeunload",+function(e)+{+
++++var+rval;
++++if(preventUnloadPrompt)+{
++++++++return;
++++}+else+{
++++++++//location.replace(redirectAfterPrompt);
++++++++return+messageBeforeUnload;
++++}
++++return+rval;
})|code-block|syntax|javascript|1207256|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I used Slaks answer but that wasn't working as is, since the onbeforeunload returnValue is parsed as a string and then displayed in the confirmations box of the browser. So the value true was displayed, like "true". 

Just using return worked. 
Here is my code

<pre><code>var preventUnloadPrompt;
var messageBeforeUnload = "my message here - Are you sure you want to leave this page?";
//var redirectAfterPrompt = "http://www.google.co.in";
$('a').live('click', function() { preventUnloadPrompt = true; });
$('form').live('submit', function() { preventUnloadPrompt = true; });
$(window).bind("beforeunload", function(e) { 
 var rval;
 if(preventUnloadPrompt) {
 return;
 } else {
 //location.replace(redirectAfterPrompt);
 return messageBeforeUnload;
 }
 return rval;
})
</code></pre>

blocks|key|1422435|text|对于跨浏览器的解决方案(在Chrome21、IE9、FF15上测试)，可以考虑使用以下代码，这是Slaks代码的一个稍微调整的版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1422436|var+inFormOrLink;
$('a').live('click',+function()+{+inFormOrLink+=+true;+});
$('form').bind('submit',+function()+{+inFormOrLink+=+true;+});

$(window).bind('beforeunload',+function(eventObject)+{
++++var+returnValue+=+undefined;
++++if+(!+inFormOrLink)+{
++++++++returnValue+=+"Do+you+really+want+to+close?";
++++}
++++eventObject.returnValue+=+returnValue;
++++return+returnValue;
});+|code-block|syntax|javascript|1422437|请注意，从Firefox4开始，消息“你真的想关闭吗？”不会显示。FF只显示一条通用消息。请参阅https://developer.mozilla.org/en-US/docs/DOM/window.onbeforeunload中的备注|offset|length|1422438|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/DOM/window.onbeforeunload^0|0|0|1C|1U|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

For a cross-browser solution (tested in Chrome 21, IE9, FF15), consider using the following code, which is a slightly tweaked version of Slaks' code:

<pre><code>var inFormOrLink;
$('a').live('click', function() { inFormOrLink = true; });
$('form').bind('submit', function() { inFormOrLink = true; });

$(window).bind('beforeunload', function(eventObject) {
 var returnValue = undefined;
 if (! inFormOrLink) {
 returnValue = "Do you really want to close?";
 }
 eventObject.returnValue = returnValue;
 return returnValue;
}); 
</code></pre>

Note that since Firefox 4, the message "Do you really want to close?" is not displayed. FF just displays a generic message. See note in <a href="https://developer.mozilla.org/en-US/docs/DOM/window.onbeforeunload" rel="noreferrer">https://developer.mozilla.org/en-US/docs/DOM/window.onbeforeunload</a>

blocks|key|1207393|text|对于像Telerik+(例如:+RadComboBox)和DevExpress这样出于各种原因使用锚标签的第三方控件的解决方案，可以考虑使用以下代码，这是desm代码的一个略微调整的版本，带有一个更好的选择器，用于自定位锚标签：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1207394|var+inFormOrLink;
$('a[href]:not([target]),+a[href][target=_self]').live('click',+function()+{+inFormOrLink+=+true;+});
$('form').bind('submit',+function()+{+inFormOrLink+=+true;+});

$(window).bind('beforeunload',+function(eventObject)+{
++++var+returnValue+=+undefined;
++++if+(!+inFormOrLink)+{
++++++++returnValue+=+"Do+you+really+want+to+close?";
++++}
++++eventObject.returnValue+=+returnValue;
++++return+returnValue;
});|code-block|syntax|javascript|1207395|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For a solution that worked well with third party controls like Telerik (ex.: RadComboBox) and DevExpress that use the Anchor tags for various reasons, consider using the following code, which is a slightly tweaked version of desm's code with a better selector for self targeting anchor tags:

<pre><code>var inFormOrLink;
$('a[href]:not([target]), a[href][target=_self]').live('click', function() { inFormOrLink = true; });
$('form').bind('submit', function() { inFormOrLink = true; });

$(window).bind('beforeunload', function(eventObject) {
 var returnValue = undefined;
 if (! inFormOrLink) {
 returnValue = "Do you really want to close?";
 }
 eventObject.returnValue = returnValue;
 return returnValue;
});
</code></pre>

blocks|key|1207455|text|从jQuery+1.7开始，不推荐使用.live()方法。使用.on()附加事件处理程序。使用旧版本jQuery的用户应该优先使用.delegate()而不是.live()|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1207456|$(window).bind("beforeunload",+function()+{
++++return+true+%7C%7C+confirm("Do+you+really+want+to+close?");+
});+|code-block|syntax|javascript|1207457|在完成或链接上|1207458|$(window).unbind();|1207459|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live()

<pre><code>$(window).bind("beforeunload", function() {
 return true || confirm("Do you really want to close?"); 
}); 
</code></pre>

on complete or link

<pre><code>$(window).unbind();
</code></pre>

blocks|key|1422553|text|只是验证一下。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1422554|function+wopen_close(){
++var+w+=+window.open($url,+'_blank',+'width=600,+height=400,+scrollbars=no,+status=no,+resizable=no,+screenx=0,+screeny=0');
++w.onunload+=+function(){
++++if+(window.closed)+{
+++++++alert("window+closed");
++++}else{+
+++++++alert("just+refreshed");
++++}
++}
}|code-block|syntax|javascript|1422555|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just verify...

<pre><code>function wopen_close(){
 var w = window.open($url, '_blank', 'width=600, height=400, scrollbars=no, status=no, resizable=no, screenx=0, screeny=0');
 w.onunload = function(){
 if (window.closed) {
 alert("window closed");
 }else{ 
 alert("just refreshed");
 }
 }
}
</code></pre>

blocks|key|1207487|text|window.onbeforeunload+=+function+()+{
++++return+"Do+you+really+want+to+close?";
};|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1207488|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>window.onbeforeunload = function () {
 return "Do you really want to close?";
};
</code></pre>

blocks|key|1422580|text|jQuery(window).bind(
++++++++++++++++++++"beforeunload",
++++++++++++++++++++++function+(e)+{
++++++++++++++++++++++++++var+activeElementTagName+=+e.target.activeElement.tagName;
++++++++++++++++++++++++++if+(activeElementTagName+!=+"A"+&&+activeElementTagName+!=+"INPUT")+{
++++++++++++++++++++++++++++++return+"Do+you+really+want+to+close?";
++++++++++++++++++++++++++}
++++++++++++++++++++++})|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1422581|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>jQuery(window).bind(
 "beforeunload",
 function (e) {
 var activeElementTagName = e.target.activeElement.tagName;
 if (activeElementTagName != "A" &amp;&amp; activeElementTagName != "INPUT") {
 return "Do you really want to close?";
 }
 })
</code></pre>

blocks|key|1422654|text|不幸的是，无论是重新加载，新页面重定向，还是浏览器关闭事件都会被触发。另一种方法是捕获触发事件的id，如果是form，则不触发任何函数，如果不是form的id，则在页面关闭时执行您想做的操作。我不确定这是否也可以直接实现，而且很繁琐。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1422655|您可以在客户关闭选项卡之前做一些小事情。javascript+detect+browser+close+tab/close+browser但是如果您的操作列表很大，并且选项卡在完成之前就关闭了，那么您是无能为力的。你可以试一试，但以我的经验，你不能指望它。|offset|length|1422656|window.addEventListener("beforeunload",+function+(e)+{
++var+confirmationMessage+=+"\o/";
++/*+Do+you+small+action+code+here+*/
++(e+%7C%7C+window.event).returnValue+=+confirmationMessage;+//Gecko+%2B+IE
++return+confirmationMessage;++++++++++++++++++++++++++++//Webkit,+Safari,+Chrome
});|code-block|syntax|javascript|1422657|https://developer.mozilla.org/en-US/docs/Web/Reference/Events/beforeunload?redirectlocale=en-US&redirectslug=DOM/Mozilla_event_reference/beforeunload|1422658|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/3888902/javascript-detect-browser-close-tab-close-browser|1^0|0|K|1D|0|0|0|0|45|1|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|F|3|G|5|H|7|10|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|11|8|@]|9|@$D|12|E|13|1|14]]|A|$]]|$1|M|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|L]]]]

Unfortunately, whether it is a reload, new page redirect, or browser close the event will be triggered. An alternative is catch the id triggering the event and if it is form dont trigger any function and if it is not the id of the form then do what you want to do when the page closes. I am not sure if that is also possible directly and is tedious.

You can do some small things before the customer closes the tab. <a href="https://stackoverflow.com/questions/3888902/javascript-detect-browser-close-tab-close-browser">javascript detect browser close tab/close browser</a> but if your list of actions are big and the tab closes before it is finished you are helpless. You can try it but with my experience donot depend on it. 

<pre><code>window.addEventListener("beforeunload", function (e) {
 var confirmationMessage = "\o/";
 /* Do you small action code here */
 (e || window.event).returnValue = confirmationMessage; //Gecko + IE
 return confirmationMessage; //Webkit, Safari, Chrome
});
</code></pre>

<a href="https://developer.mozilla.org/en-US/docs/Web/Reference/Events/beforeunload?redirectlocale=en-US&amp;redirectslug=DOM/Mozilla_event_reference/beforeunload" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/Reference/Events/beforeunload?redirectlocale=en-US&amp;redirectslug=DOM/Mozilla_event_reference/beforeunload</a>

blocks|key|1207578|text|也可以试试这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1207579|window.onbeforeunload+=+function+()
{+++++++
++++if+(pasteEditorChange)+{
++++++++var+btn+=+confirm('Do+You+Want+to+Save+the+Changess?');
+++++++++++if(btn+===+true+){
+++++++++++++++SavetoEdit();//your+function+call
+++++++++++}
+++++++++++else{
++++++++++++++++windowClose();//your+function+call
+++++++++++}
++++}++else+{+
++++++++windowClose();//your+function+call
++++}
};|code-block|syntax|javascript|1207580|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this also

<pre><code>window.onbeforeunload = function ()
{ 
 if (pasteEditorChange) {
 var btn = confirm('Do You Want to Save the Changess?');
 if(btn === true ){
 SavetoEdit();//your function call
 }
 else{
 windowClose();//your function call
 }
 } else { 
 windowClose();//your function call
 }
};
</code></pre>

blocks|key|1422696|text|var+validNavigation+=+false;
++++++++++++jQuery(document).ready(function+()+{

++++++++++++++++wireUpEvents();
++++++++++++});

++++++++++++function+endSession()+{
++++++++++++++++//+Browser+or+broswer+tab+is+closed
++++++++++++++++//+Do+sth+here+...
++++++++++++++++alert("bye");
++++++++++++}

++++++++++++function+wireUpEvents()+{
++++++++++++++++/*
++++++++++++++++*+For+a+list+of+events+that+triggers+onbeforeunload+on+IE
++++++++++++++++*+check+http://msdn.microsoft.com/en-us/library/ms536907(VS.85).aspx
++++++++++++++++*/
++++++++++++++++window.onbeforeunload+=+function+()+{
++++++++++++++++++++debugger
++++++++++++++++++++if+(!validNavigation)+{
++++++++++++++++++++++++endSession();
++++++++++++++++++++}
++++++++++++++++}

++++++++++++++++//+Attach+the+event+keypress+to+exclude+the+F5+refresh
++++++++++++++++$(document).bind('keypress',+function+(e)+{
++++++++++++++++++++debugger
++++++++++++++++++++if+(e.keyCode+==+116)+{
++++++++++++++++++++++++validNavigation+=+true;
++++++++++++++++++++}
++++++++++++++++});

++++++++++++++++//+Attach+the+event+click+for+all+links+in+the+page
++++++++++++++++$("a").bind("click",+function+()+{
++++++++++++++++++++debugger
++++++++++++++++++++validNavigation+=+true;
++++++++++++++++});

++++++++++++++++//+Attach+the+event+submit+for+all+forms+in+the+page
++++++++++++++++$("form").bind("submit",+function+()+{
++++++++++++++++++++debugger
++++++++++++++++++++validNavigation+=+true;
++++++++++++++++});

++++++++++++++++//+Attach+the+event+click+for+all+inputs+in+the+page
++++++++++++++++$("input[type=submit]").bind("click",+function+()+{
++++++++++++++++++++debugger
++++++++++++++++++++validNavigation+=+true;
++++++++++++++++});

++++++++++++}`enter+code+here`|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1422697|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var validNavigation = false;
 jQuery(document).ready(function () {

 wireUpEvents();
 });

 function endSession() {
 // Browser or broswer tab is closed
 // Do sth here ...
 alert("bye");
 }

 function wireUpEvents() {
 /*
 * For a list of events that triggers onbeforeunload on IE
 * check http://msdn.microsoft.com/en-us/library/ms536907(VS.85).aspx
 */
 window.onbeforeunload = function () {
 debugger
 if (!validNavigation) {
 endSession();
 }
 }

 // Attach the event keypress to exclude the F5 refresh
 $(document).bind('keypress', function (e) {
 debugger
 if (e.keyCode == 116) {
 validNavigation = true;
 }
 });

 // Attach the event click for all links in the page
 $("a").bind("click", function () {
 debugger
 validNavigation = true;
 });

 // Attach the event submit for all forms in the page
 $("form").bind("submit", function () {
 debugger
 validNavigation = true;
 });

 // Attach the event click for all inputs in the page
 $("input[type=submit]").bind("click", function () {
 debugger
 validNavigation = true;
 });

 }`enter code here`
</code></pre>

I want to capture the browser window/tab close event.
I have tried the following with jQuery: 

<pre><code>jQuery(window).bind(
 "beforeunload", 
 function() { 
 return confirm("Do you really want to close?") 
 }
)
</code></pre>

But it works on form submission as well, which is not what I want. I want an event that triggers only when the user closes the window.

How to capture the browser window close event?

jQuery

我想要捕获浏览器窗口/选项卡关闭事件。我已经在jQuery上尝试过以下几种方式：jQuery(window).bind(    "beforeunload",     function() {         return confirm("Do you really want to close?")     })但它...

问如何捕获浏览器窗口关闭事件？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何捕获浏览器窗口关闭事件？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何捕获浏览器窗口关闭事件？
EN