[컴][웹] plain javascript 로 event 발생시키기

generate event plain javascript / fire an event with plain javascript / vanilla javascript

plain javascript 으로 event 발생시키는 방법

보통 jquery 에 익숙해 지면

$jqeuryElement.click()

또는 아래처럼 trigger 를 이용하게 된다.

$(el).event.trigger({ type : 'keypress', which : character.charCodeAt(0) });

이것이 편하기는 한데, jQuery 를 쓰지말자는 움직임도 있고, 개인적으로 javascript 가 진화 하고, 이전 버전들이 차근차근 사라지면서, 굳이 쓰지 않아도 될 지경(?)으로 가고 있다.

여하튼 그런 의미에서 plain javascript 에서 event 를 날리는 법을 찾아놨다. 자세한 것은 아래 링크를 확인하자.

• You Might Not Need jQuery

// For a full list of event types: 
// https://developer.mozilla.org/en-US/docs/Web/API/document.createEvent
var event = document.createEvent('HTMLEvents');
event.initEvent('change', true, false);
el.dispatchEvent(event);