JSFiddle - React, Tailwind, and code Playground

by mhevery

HTML

<table>
  <tr><td>EXPECTING:</td><td>CHANGE change click keyup</td></tr>
  <tr><td>ACTUAL:</td><td class="actual"></td></tr>
</table>
change me: 
<select name="">
    <option>a</option>
    <option>b</option>
</select>

JavaScript

var select = $('select');
$('body').append(select);
var log = function(text){
  return function(){
    $('.actual').append(text);
  }
}
select.bind('change', log('change '));
select.bind('click',  log('click '));
select.bind('keyup',  log('keyup '));
select[0].attachEvent('onchange', log('CHANGE '));
select[0].fireEvent('onchange');
select[0].fireEvent('onclick');
select[0].fireEvent('onkeyup');