JSFiddle - React, Tailwind, and code Playground

by TeslaNick

HTML

<ul>
    <li tabindex="0">one</li>
    <li tabindex="0">two</li>
    <li tabindex="0">three</li>
</ul>

JavaScript

YUI().use('event', 'event-key', 'node', function(Y) {
    var ul = Y.one('ul');
    
    ul.delegate(['focus','blur'], function(evt) {
        Y.log(evt);
    }, "li");
    
    ul.delegate('key', function(evt) {
        Y.log(evt.keyCode);
    }, "down", "li");
    
});