javascript - 使用保存和放弃按钮确认

我们如何在 javascript 中创建一个带有保存和丢弃按钮的确认警报？
如果我们使用代码

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

我们将收到一个带有 ok 取消的警告框。
我们如何使确定按钮的文本为保存而另一个为丢弃？

最佳答案

您不能修改默认的 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");
        }
    }
  });
}

关于javascript - 使用保存和放弃按钮确认，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6186527/