带有多个选项的警报 [英] Alert with multiple options

问题描述

想知道，是否可以创建具有多个选项的警报？

Just wondering, is it possible to create an alert with multiple options?

例如，在Facebook中，当您还未完成输入消息时尝试关闭选项卡/窗口时，带有离开此页面选项的警报并会弹出停留在此页面上。

Like for example, in Facebook, when you try to close the tab/window when you have not finished typing your message, an alert with the options "Leave this page" and "Stay on this page" will pop up.

推荐答案

以表单为例，您正在寻找window.onbeforeunload：

Example with form, you'are looking for window.onbeforeunload:

<script type="text/javascript">
var originalFormContent
var checkForChanges = true;

jQuery(document).ready(function () {
    originalFormContent = jQuery('#myForm input[type=text]').serialize() +      jQuery('#myForm select').serialize();
});

function onClose() {

    if (checkForChanges && originalFormContent != "undefined") {
        var content = jQuery('#myForm input[type=text]').serialize() + jQuery('#myForm select').serialize();
        if (content != originalFormContent) {

            return confirm('You have unsaved changes.  Click OK if you wish to continue ,click Cancel to return to your form.');
        }
    }

}

window.onbeforeunload = onClose(); 

这篇关于带有多个选项的警报的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！