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);