javascript - 在触发事件之前等待用户确认

Question

我试图弄清楚事件是如何工作的，以及如何在执行原始事件之前等待第二个事件触发。

 $.fn.customConfirm = function (message){
     // Create modal
     // then ...
     $(confirmModal).find("modal-footer a").click(function(e2){
          e2.preventDefault();
          return ($(this).hasClass("dialogConfirm")); // Returns true if option has class dialogConfirm
     });
 };

 $("a[data-confirm]", click(function(e){
      if (!$.customConfirm($(this).attr("data-confirm")))
          return false; // Only if customConfirm returns false
      // Continue
 });

这就像一个魅力。customConfirm创建一个带有 2 个按钮（确认/取消）的引导模式，并将data-confirm属性值设置为 modal-body html。

我不知道如何解决的是如何e根据用户与模态的交互来处理事件。截至目前，它只显示模态对话框，原始事件似乎什么都不做。

Answer 1

如果用户确认，我通过将属性添加data-confirmed到单击的元素来解决它，然后click()在原始元素上触发第二个。

$.fn.customConfirm = function (message){
      var handle = $(this);
      // Create modal
      // then ...
      $(confirmModal).find("modal-footer a").click(function(e2){
           e2.preventDefault();
           $(handle).attr("data-confirmed", ($(this).hasClass("dialogConfirm")))[0].click();
           return false;
      });
 };

$("a[data-confirm]").click(function(e){
     if ($(this).attr("data-confirmed") !== "true")
     {
           e.preventDefault();
           $(this).customConfirm();
           return false;
     }
     $(this).removeAttr("data-confirmed");

     // Continue
});