JSFiddle - React, Tailwind, and code Playground

by kentaromiura

HTML

<div id=outer>
<input type=text id=firer></input><button>fire change on text</button>
</div>

JavaScript

$('outer').addEvent('change:relay(input)', function(e){
        alert('delegated event')
})

$$('button').addEvent('click', function(){
    $('firer').fireEvent('change')
})

var firer = $('firer')
firer.addEvent('change', function(e){
    //need to propagate to all divs
    $$('div').fireEvent('change', [e, firer])
})