Edit in JSFiddle

var element = document.querySelector('div');

// hello 이벤트 타입에 대한 핸들러 등록
element.addEventListener('hello', function(e) {
	console.log(arguments);
	this.innerHTML = JSON.stringify({type: e.type, detail: e.detail});
});

// 1초에 한번씩 element에 hello 이벤트를 트리거
var i = 32;
setInterval(function(){
	var event = new CustomEvent('hello', {
			detail: { // detail 속성을 전달하면 커스텀 이벤트에 데이터를 첨부 할 수 있습니다.
				code: i++,
				character: String.fromCharCode(i)
			}
		});
	element.dispatchEvent(event);
}, 1000);
<div style="font-size:2em"></div>