防止页面退出

时间:2018-08-06 22:47:10

标签: javascript jquery

我已经创建了一个函数,当在填充特定表单字段时用户离开时会发出警告:

window.addEventListener("beforeunload", function (event) {
    var unsaved = "Are you sure you want to exit?";
    var text = $('.article_div textarea').val();
    if (text.length > 0){
        event.returnValue = unsaved;
        return unsaved;
    }
});

这实际上运行良好。但是,我抬起头来returnValue,建议不要使用它。我尝试了包括删除event.returnValue = unsaved;和仅使用return unsaved的替代方法。但是,这也行不通-仍然会离开页面。

关于我可以做些什么的任何想法?

1 个答案:

答案 0 :(得分:1)

如果使用jQuery,则可以省略 event.returnValue 。参见here

$(window).on('beforeunload', function(event) {
 var unsaved = "Are you sure you want to exit?";
    var text = 'Test Text @@@';
    //var text = $('.article_div textarea').val();
    if (text.length > 0){
            return unsaved;
    }
});

请参见example here