如何返回 $.event.trigger 结果

Question

如何返回事件引起的工作结果？ 示例：

var res = $.event.trigger({
  type: 'my_event_name',
  element: el
});
console.dir(res);

$("body").on('my_event_name', function(e)
{
   return save_data(e.element);
});

如果没有事件处理程序，则有一个执行默认操作的代码。如果有一个事件处理程序，你必须执行他的工作并且默认代码不应该工作。 示例伪代码：

var res = $.event.trigger({
  type: 'my_event_name',
  element: el
});

if (res)
{
    return true;
}
else
{
    // default action code
}

Answer 1

您正在尝试以同步方式使用事件。这行不通。运行函数时不能“等待”事件发生。

编辑：我对这个答案很满意。来自 TrueBlueAussie “显示的自定义事件不是异步的。它们只是广播到目标元素，然后冒泡到它的祖先，然后立即返回。这就是您可以在自定义事件上使用 e.isDefaultPrevented() 的原因。”

你可能想要这样的东西。

// trigger your event somewhere, maybe in another function
var res = $.event.trigger({
  type: 'my_event_name',
  element: el
});

$("body").on('my_event_name', function(e)
{
    // when your event fires, it will fire doMyEvent()
    doMyEvent(e.element)
});

function doMyEvent(eventData){
    if (eventData)
    {
        return true;
    }
    else
    {
        // default action code
    }
}

Answer 2

你不能在结果中传回数据，但你可以检查e.isDefaultPrevented()并在函数中根据需要使用e.preventDefault()

例如

$("body").on('my_event_name', function(e, params)
{
   if (save_data(params.element)){
       e.preventdefault();
   }
});

并像这样使用：

var evt = $.Event('my_event_name');
$.event.trigger( evt, {
  element: el
});

if (evt.isDefaultPrevented())
{
    return true;
}
else
{
    // default action code
}

注意：由于您的示例不完整，我可能会颠倒逻辑:)

另一种选择（实际上将发送数据）是生成第二个自定义事件，同时传递数据，但这需要在启动流程后为结果单独处理。

$("body").on('my_event_name', function(e)
{
   if (save_data(e.element)){
      $.event.trigger({
         type: 'my_other_event_name',
         data: trueOrSomethingElse
      });
   }
});

然后听：

$("body").on('my_other_event_name', function(e)
{
    console.log(e.data);
});