具有多个选项的警报

问题描述 投票:4回答:4

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

例如,在Facebook中,当您还未完成输入消息时尝试关闭标签页/窗口时,将弹出带有“离开此页面”和“保持在此页面”选项的警报。

javascript alert
4个回答
3
投票

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


3
投票

您指的是window.onbeforeunload

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

您也可以将window.confirm()功能用于OK / Cancel选项:

http://jsfiddle.net/UFw4k/1

除此之外,您还必须实施自定义模式警报,例如jQuery Dialog


0
投票

0
投票

alert("ree i love mine craft witch is cool boiiiiii");
© www.soinside.com 2019 - 2024. All rights reserved.