0

바닐라 자바 ​​스크립트에서 이벤트를 처리하려면 어떻게해야합니까? 내가 시도 무엇그런 다음 트리거가 JavaScript 이벤트를 처리합니까?

: 청취자를 등록 후 이벤트를 발생하는 http://run.plnkr.co/Zqcdoj3W5z5w4ZQu/

+0

코드 예제를 여기

var fireOffAnEvent = function() { // Dispatch the event. var custom_event; // The custom event that will be created if (document.createEvent) { custom_event = document.createEvent("HTMLEvents"); custom_event.initEvent("custom", true, true); } else { custom_event = document.createEventObject(); custom_event.eventType = "custom"; } custom_event.eventMessage = "Hello events"; document.createEvent ? document.dispatchEvent(custom_event) : document.fireEvent("on" + custom_event.eventType, custom_event); } // add the listener first document.addEventListener("custom", function(e) { console.log(e.eventMessage); }); // then invoke it fireOffAnEvent(); 

작동 테스트 링크를하다이 시도 : https : //로 developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events – jfriend00

답변

0

시도 :

document.addEventListener("custom", function(e) { 
    console.log(e.eventMessage); 
}); // Nothing happened 

document.addEventListener("HTMLEvents", function(e) { 
    console.log(e.eventMessage); 
}); // So tried ^, still nothing 

Plnkr : 여기

var fireOffAnEvent = function() { 
    // Dispatch the event. 
    var custom_event; // The custom event that will be created 

    if (document.createEvent) { 
     custom_event = document.createEvent("HTMLEvents"); 
     custom_event.initEvent("custom", true, true); 
    } else { 
     custom_event = document.createEventObject(); 
     custom_event.eventType = "custom"; 
    } 

    custom_event.eventMessage = "Hello events"; 

    document.createEvent ? document.dispatchEvent(custom_event) : document.fireEvent("on" + custom_event.eventType, 
                         custom_event); 
} 
fireOffAnEvent() 

을 그리고 내가 이벤트를 처리하기 위해 시도하는 방법이다 . (코드의 끝에 넣으십시오). 그런 다음 이벤트를 적절하게 처리해야한다

+0

고마워요, 그건 속임수였습니다 – stackoverflowuser95

+0

훌륭합니다. 정답으로 표시해 주시겠습니까? 감사 –