相关疑难解决方法(0)

如何阻止页面在JS中卸载(导航)?

有谁知道如何阻止页面重新加载或导航?

jQuery(function($) {

    /* global on unload notification */
    warning = true;

    if(warning) {
        $(window).bind("unload", function() { 
            if (confirm("Do you want to leave this page") == true) {
                //they pressed OK
                alert('ok');
            } else {
                // they pressed Cancel
                alert('cancel');
                return false;
            }
        });
    }
});

我目前正在开发电子商务网站,显示您未来订单的页面可以使用+/-按钮更改订购商品的数量.以这种方式改变数量实际上不会改变订单本身,他们必须按下确认,因此提交一个积极的行动来改变订单.

但是,如果他们更改了数量并离开了页面,我想警告他们他们这样做是为了防止这是一次意外,因为如果他们离开或刷新页面,更改的数量将会丢失.

在上面的代码中,我使用的是一个全局变量,默认情况下为false(仅适用于测试),当数量更改时,我将更新此变量为true,当他们确认更改时,我将其设置为false .

如果警告为真并且页面已卸载,我会向他们提供一个确认框,如果他们拒绝他们想留在这个页面我需要阻止它卸载.return false不起作用,它仍然允许用户导航(警报仅用于调试)

有任何想法吗?

javascript jquery events

68
推荐指数
4
解决办法
9万
查看次数

如果用户尝试离开网页,如何提示未保存的更改

可能重复:
如何在JS中停止页面卸载(导航)?
离开网页时提示用户输入未保存的更改

我有一个php格式,我在Dreamweaver中设计,只包含文本字段,从我的数据库中一次检索一条记录.我在此页面上还有一个"更新记录"按钮,当单击该按钮时,会更新数据库记录,并对表单中的数据进行任何更改.我希望如果用户以某种方式编辑表单数据并尝试离开页面而不单击"更新记录"按钮,则会提示他们页面包含未保存的更改,并且会要求他们验证是否要离开或不(如果可能的话,可能通过一些javasript).

任何帮助深表感谢.

javascript forms jquery events

1
推荐指数
1
解决办法
5817
查看次数

标签 统计

events ×2

javascript ×2

jquery ×2

forms ×1