JSFiddle - React, Tailwind, and code Playground

by Varun Krishna P

HTML

<input /> <a href="#clearevents">clear events</a>

<pre></pre>

JavaScript

// available events for input element:
// focus, blur, select, change, click, dblclick, mousedown, mouseup, mouseover, mousemove, mouseout, keypress, keydown, keyup 

$('input').bind('focus blur select change click dblclick mousedown mouseup mouseover mousemove mouseout keypress keydown keyup', function(e) {
    $pre = $('pre');
    $pre.html(e.type + ": " + $(this).val() + "<br>" + $pre.html());
}); 

$('a').click(function() {
    $('pre').html('');
});