JSFiddle - React, Tailwind, and code Playground

by yakun chen

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<div>click me!</div>

JavaScript

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

var cheer = document.createEvent('CustomEvent');


divElement.addEventListener('selfEvent',function(event){
    console.log(event.detail.data);
},false);


/*
 * ( event, bubble, cancelable, event.detail)
 *
 */
cheer.initCustomEvent('selfEvent',true,false,{data:"123"});

divElement.dispatchEvent(cheer);