我想在用户离开页面之前做出确认.如果他说好,那么它将重定向到新页面或取消离开.我尝试使用onunload来实现它
<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>
Run Code Online (Sandbox Code Playgroud)
但它确认页面已经关闭后?怎么做得好?
如果有人用jQuery演示如何做到这一点会更好吗?
有谁知道onbeforeunloadiPad上是否支持该事件和/或是否有不同的使用方式?
我已经尝试了很多东西,似乎onbeforeunload事件永远不会在iPad(Safari浏览器)上触发.
具体来说,这就是我尝试过的:
window.onbeforeunload = function(event) { event.returnValue = 'test'; }window.onbeforeunload = function(event) { return 'test'; }window.onbeforeunload = function(event) { alert('test')'; }<body onbeforeunload="..."> 所有这些都适用于PC上的FF和Safari,但不适用于iPad.
此外,我在加载页面后完成了以下操作:
alert('onbeforeunload' in window);
alert(typeof window.onbeforeunload);
alert(window.onbeforeunload);
Run Code Online (Sandbox Code Playgroud)
结果分别是:
trueobjectnull因此,浏览器确实具有该属性,但由于某种原因它不会被触发.
我尝试离开页面的方法是单击后退和前进按钮,在顶部栏中进行谷歌搜索,更改地址栏中的位置,以及单击书签.
有没有人知道发生了什么?我非常感谢任何意见.
谢谢
如何显示"您确定要离开页面吗?" 当用户实际尝试关闭页面时(单击浏览器窗口或选项卡上的X按钮),当他试图离开页面时(单击另一个链接).
当用户尝试关闭页面时,我的客户希望显示一条消息"您确定要离开页面吗?您的购物车中仍有商品."
不幸的是$(window).bind('beforeunload'),只有当用户关闭页面时才会触发.
jQuery的:
function checkCart() {
$.ajax({
url : 'index.php?route=module/cart/check',
type : 'POST',
dataType : 'json',
success : function (result) {
if (result) {
$(window).bind('beforeunload', function(){
return 'leave?';
});
}
}
})
}
Run Code Online (Sandbox Code Playgroud) 我正在尝试在浏览器窗口/选项卡关闭时打开自定义弹出窗口。
详细地说,如果用户单击浏览器窗口/选项卡关闭按钮,则会出现带有某些内容的自定义弹出窗口,或者可能有某些选项要求关闭或继续页面。
这是仅带来默认警报弹出窗口的代码:
window.onbeforeunload = function() {
var message = 'Do you want to leave this page?';
return message;
}
Run Code Online (Sandbox Code Playgroud) 嘿伙计我在我的网站上使用CMS,并在窗口位置发生变化之前检查内容是否已被修改.现在我已经知道了
$(window).bind('beforeunload', function() {
return "dialog message";
});
Run Code Online (Sandbox Code Playgroud)
方法,但我发现了一个名为Apprise的插件,并希望用其中一个替换默认对话框.这可能吗?