使用保存和丟棄按鈕進行確認

Question

我們如何在 javascript 中創建一個帶有保存和丟棄按鈕的確認警報？ 如果我們使用代碼

confirm('Do you want to save it?');

我們將收到一個帶有確定取消的警報框。 我們怎樣才能讓ok按鈕的文本作為save而另一個作為discard呢？

Answer 1

您不能修改默認的 javascript 方法“確認”。 但是，您可以覆蓋它，例如，使用 jQuery UI 對話框：

window.confirm = function (message) {
  var html = "<div style='margin:20px;'><img style='float:left;margin-right:20px;' src='/img/confirm.gif' alt='Confirm'/><div style='display:table;height:1%;'>" + message + "</div></div>";

  $(html).dialog({ closeOnEscape: false,
    open: function (event, ui) { $('.ui-dialog-titlebar-close').hide(); },
    modal: true,
    resizable: false,
    width: 400,
    title: "Confirmation",
    buttons: { 
        "Save": function () {
            //Do what you need
        },
        "Cancel": function () {
            $(this).dialog("close"); 
        } 
    }
  });
}

Answer 2

這是不可能的

更多答案

Answer 3

1. 連接一些噸JS框架。 例如 jQuery+UI
2. 覆蓋 window.confirm 方法，將其作為您最喜歡的 JS UI 框架的包裝器。
3. 利潤！！！