重写 JavascriptConfirm() 同时保留回调

Question

到目前为止，我想重写 jQuery 插件中的标准 js confirm() 函数。我已经弄清楚如何使用下面的简单功能布局来做到这一点。

function confirm(opts) {
   //code
}

现在，我想做的是在上面的 confirm 函数中调用另一个函数，就像这样...

function confirm(opts) {
   openModal(opts);
}

openModal 函数将打开一个自定义模式窗口，其中包含消息和所需的信息按钮。这两个按钮都是 ，id 为 submit 或 cancel。 submit 返回 true，cancel 返回 false。但现在，我如何根据单击的按钮返回 true 或 false？

例如......

$('#openModal').live('click', function() {
   var opts = { title:'Modal Title', message:'This is a modal!' };
   var resp = confirm(opts);
   if(resp) 
      // user clicked <span id="submit"></span>
   else 
      // user clicked <span id="cancel"></span>
});

希望你明白我的意思。

Answer 1

这是可能的，但不完全像您所描述的那样。确认函数的典型使用方式是：

if(confirm("Are you sure you want to submit this form?")) {
    form.submit();
}

在上面的示例中，按钮按下同步返回到脚本。函数内的执行会暂停，直到按下按钮为止。

“模态对话框”只是 HTML 网页全部内容的覆盖层。对于浏览器来说，此类覆盖层中的按钮的工作方式与该页面中其他任何位置的按钮的工作方式相同。

由于 JavaScript 异步处理此类按钮单击（即使用回调函数来处理事件）而不是同步，因此您尝试的方法将不起作用。

您需要将使用确认函数的代码的所有部分更改为如下所示：

confirm("Are you sure you want to submit this form?", function(result) {
    if(result) {
        form.submit();
    }
});

这就像使用 jQuery 本身注册事件处理程序一样工作。脚本立即继续执行，跳过匿名函数中的所有代码。稍后，浏览器将通过您在确认函数中注册的 JavaScript 事件处理程序间接调用该函数，其目的是根据需要使用 true 或 false 调用回调函数。