具有多個選項的警報

Question

想知道，是否可以創建多個選項的警報？

例如，在Facebook中，當您尚未輸入完消息時嘗試關閉標籤頁/窗口時，會彈出一個選項「離開此頁面」和「保留在此頁面上」的提示。

Answer 1

實施例與形式，you'are尋找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個按鈕JavaScript警告（的

Answer 2

請看看http://jqueryui.com/dialog/#default

從以前的答案複製這樣的：JavaScript alert with 3 buttons

Answer 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。