JSFiddle - React, Tailwind, and code Playground

HTML

<div id="jaccess" accesskey="j">Some div</div>
<input type="text" accesskey="k" id="kaccess" /><br />
<input type="radio" name="testradio" value="1" accesskey="l" id="laccess" />
<input type="radio" name="testradio" value="2" accesskey="m" id="maccess" />
<input type="radio" name="testradio" value="3" accesskey="n" id="naccess" /><br />
<input type="checkbox" name="testcheck" value="1" accesskey="o" id="oaccess" />
<input type="checkbox" name="testcheck" value="2" accesskey="p" id="paccess" />
<input type="checkbox" name="testcheck" value="3" accesskey="q" id="qaccess" /><br />
<select id="raccess" accesskey="r">
    <option value="12" accesskey="s">S option</option>
    <option value="12" accesskey="t">T option</option>
</select>    
<div id="log"></div>

JavaScript

jQuery("input,select,div").change(function(){
    var id=this.id;
    jQuery("#log").append('<div>'+id+': changed</div>');
}).focus(function(){
    var id=this.id;
    jQuery("#log").append('<div>'+id+': focused</div>');
}).click(function(){
    var id=this.id;
    jQuery("#log").append('<div>'+id+': clicked</div>');
});