javascript: document.dispatchEvent(CustomEvent) 什么都不做

Question

我有以下代码块

$(function(){

    var TaskEvent = new CustomEvent('TaskAdded',{
        detail: {
            message:'A task fue ponida, champion'
        },
        bubbles:true,
        cancelable:true
    });

    var btn = $("#boton");

    function HandleSugar(e){
        console.log(e.detail.message);
    }

    btn.click(function(e){

        document.dispatchEvent(TaskEvent);
    });

    $(document).on('TaskEvent',HandleSugar);

})

单击按钮 (#boton) 时，没有任何反应。有什么想法吗？

一些说明：

• 按钮已创建，这不是问题
• 控制台没有显示任何错误，这就是我迷路的原因
• 预期的行为是触发自定义事件“TaskEvent”，因此当按下按钮时，消息将出现在控制台日志中。

Answer 1

您正在收听TaskEvent，但该事件实际上是TaskAdded。

$(document).on('TaskEvent',HandleSugar);

应该是

$(document).on('TaskAdded', HandleSugar);