使用 JavaScript 自定义确认对话框

我想创建一个类似于的 JavaScript 函数confirm()显示一个对话框（一个带有问题和 2 个按钮的 div）并返回true如果用户单击“确定”或false否则。

是否可以使用 JavaScript/jQuery 做到这一点，但是without插件（例如 jQuery UI 或对话框）？因为我正在努力减少尺寸和往返时间......

我尝试编写此代码，但我不知道如何使该函数“等待”用户单击。

我想以这种方式使用我的函数：

answer=myConfirm("Are you sure?")

通过这种方式，我可以在多个上下文中使用相同的函数，只需更改作为参数传递的问题即可。这与以下行为相同确认（）

JavaScript 中更常见的是提供一个回调函数，当您等待的操作完成时将调用该函数，而不是等待用户输入然后从函数返回。例如：

myCustomConfirm("Are you sure?", function (confirmed) {
    if (confirmed) {
        // Whatever you need to do if they clicked confirm
    } else {
        // Whatever you need to do if they clicked cancel
    }
});

这可以按照以下方式实施：

function myCustomConfirm(message, callback) {
    var confirmButton, cancelButton;

    // Create user interface, display message, etc.

    confirmButton.onclick = function() { callback(true); };
    cancelButton.onclick = function() { callback(false); };
}