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