有没有Javascript确认的替代方案？

Question

我创建了一个应用程序.在应用程序中我使用了javascript确认功能很多.

confirm("Do you want to proceed");

我不喜欢确认的默认UI.我想使用更好的UI定制确认.

问题:

我有一些自定义确认选项.但如果我将使用它们,我需要更改所有默认确认方法(需要进行大量更改).

有没有办法在最小的变化中实现这一目标.

喜欢:

window.confrim = function() {
        /*
           What logic I should write which will return the 
           value(true or false) selected by user.
        */

}

我有一个JS文件,导入所有HTML文件.

所以我可以将上面的函数逻辑放在常见的JS文件中.

Answer 1

自定义的最大问题confirm是本机confirm阻塞.所以你可以写:

if( confirm("Continue?")) {
    doStuff();
}

但是你自己的代码不能这样做.相反,您需要创建某种回调.一个例子可能是:

myConfirm("Continue?",function() {
    doStuff();
},function() {
    cancelStuff();
});

具体如何实现这一点取决于你 - 我实际上在我的项目中有一个更灵活的版本,我在其中调用表单:

Dialog("Title", "Contents", [array of buttons]);
// [array of buttons] being an array of objects like:
{
    "text": "Button text",
    "action": function() {doSomething();},
    "optional_extras": "more stuff"
}

编写自己的东西很酷的一点是,随着项目的发展,您可以自由扩展它以满足您的需求.