Custom Event
by Po-Jung Chen
HTML
<button id="btn" data-time="2018-06-10">
Click ME
</button>JavaScript
const btn = document.querySelector('#btn');
const myCustomEvent = new CustomEvent('fooBar', {
detail: btn.dataset.time
});
btn.addEventListener('fooBar', e => {
const { detail } = e
console.log(detail);
})
btn.onclick = function () {
console.log('btn onclick')
btn.dispatchEvent(myCustomEvent);
}