离开页面之前使用JavaScript
我想在用户离开页面之前进行确认。若他说ok，那个么它将重定向到新页面或取消离开。我试着和昂洛德一起去离开页面之前使用JavaScript,javascript,jquery,Javascript,Jquery,我想在用户离开页面之前进行确认。若他说ok，那个么它将重定向到新页面或取消离开。我试着和昂洛德一起去 <script type="text/javascript"> function con() { var answer = confirm("do you want to check our other products") if (answer){ alert("bye"); } else{ window.locat
<script type="text/javascript">
function con() {
var answer = confirm("do you want to check our other products")
if (answer){
alert("bye");
}
else{
window.location = "http://www.example.com";
}
}
</script>
</head>
<body onunload="con();">
<h1 style="text-align:center">main page</h1>
</body>
</html>
函数con（）{
var answer=确认（“您想检查我们的其他产品吗”）
若有(答复){
警惕（“再见”）；
}
否则{
window.location=”http://www.example.com";
}
}
主页
onunloadonbeforeunloadonbeforeunloadwindow.onbeforeunload = function(){
return 'Are you sure you want to leave?';
};
window.onunload = function() {
alert('Bye.');
}
$(window).bind('beforeunload', function(){
return 'Are you sure you want to leave?';
});
$(window).unload(function(){
alert('Bye.');
});
onunloadonunload$(window).bind('beforeunload', function(){
return 'Are you sure you want to leave?';
});
$(window).unload(function(){
alert('Bye.');
});
要使用Chrome 14+制作popop，您需要执行以下操作：
jQuery(window).bind('beforeunload', function(){
return 'my text';
});
当您还检测到表单状态是否已更改时，将询问用户是否要留下。此代码
$('#form').data('serialize',$('#form').serialize()); // On load save form current state
$(window).bind('beforeunload', function(e){
if($('#form').serialize()!=$('#form').data('serialize'))return true;
else e=null; // i.e; if form state change show warning box, else don't show it.
});
您可以使用Google JQuery表单序列化函数，这将收集所有表单输入并将其保存在数组中。我想这个解释已经足够了：）这将在离开当前页面时发出警报
<script type='text/javascript'>
function goodbye(e) {
if(!e) e = window.event;
//e.cancelBubble is supported by IE - this will kill the bubbling process.
e.cancelBubble = true;
e.returnValue = 'You sure you want to leave?'; //This is displayed on the dialog
//e.stopPropagation works in Firefox.
if (e.stopPropagation) {
e.stopPropagation();
e.preventDefault();
}
}
window.onbeforeunload=goodbye;
</script>
功能（e）{
如果（！e）e=window.event；
//e、 IE支持cancelBubble-这将终止冒泡过程。
e、 取消气泡=真；
e、 returnValue='确实要离开吗？'；//这将显示在对话框上
//e、 stopPropagation在Firefox中工作。
如果（如停止播放）{
e、 停止传播（）；
e、 预防默认值（）；
}
}
window.onbeforeunload=再见；
window.onbeforeunload = s => "";
要询问用户页面上的内容何时被修改，请参阅。这是我在有未保存数据时显示确认消息所做的操作
window.onbeforeunload=函数（）{
如果（isDirty）{
返回“存在未保存的数据”；
}
返回未定义；
}
undefinedwindow.onbeforeunload = undefined;
nullundefinedwindow.onbeforeunload = undefined;
关闭此窗口，按F5键或单击下面的链接以调用onbeforeunload事件
函数myFunction（）{
return“在这里写一些聪明的东西…”；
}
只是稍微有用一点，启用和禁用
$(window).on('beforeunload.myPluginName', false); // or use function() instead of false
$(window).off('beforeunload.myPluginName');
通常，当用户在表单中进行了更改但未保存时，您希望显示此消息 仅当用户更改了某些内容时，才使用此方法显示消息
var form = $('#your-form'),
original = form.serialize()
form.submit(function(){
window.onbeforeunload = null
})
window.onbeforeunload = function(){
if (form.serialize() != original)
return 'Are you sure you want to leave?'
}
这里的大多数解决方案都不适合我，所以我使用了找到的解决方案 我还添加了一个变量来允许是否使用确认框
window.hideWarning = false;
window.addEventListener('beforeunload', (event) => {
if (!hideWarning) {
event.preventDefault();
event.returnValue = '';
}
});
哈哈哈…是的，没错…但幸运的是，这不是我的网站…我的客户要求在他的sideYa上这样做，但我真的很高兴在我即将退出未保存的Gmail页面时看到这些提醒。注意，在Firefox 4+上，只会显示一条默认消息，而不是自定义消息@Joseph:当您从
onbeforeunloadonnloadonbeforeuloadconfirmonbeforeunloadreturn false返回undefinedjQuery（document）return