Question

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

例如，在Facebook中，当您在未完成键入消息时尝试关闭选项卡/窗口时，将弹出一个警告，其中包含“离开此页面”和“留在此页面”选项。

Answer 1

您指的是window.onbeforeunload：

Best way to detect when a user leaves a web page?

您还可以使用window.confirm() / OK选项的Cancel功能：

http://jsfiddle.net/UFw4k/1

除此之外，您还必须实施自定义模式提醒，例如jQuery Dialog。

Answer 2

表单示例，您正在寻找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();

Answer 3

请查看http://jqueryui.com/dialog/#default

从之前的回答中复制了此内容：JavaScript alert with 3 buttons

提醒有多个选项

3 个答案: