track words using a delay to clean

keyboard word event.js

// better a "WordObserver" that can better handle chanching targets?
let word = '';
let wordClearTimeout = null;
let wordTarget = null;
addEventListener('keyup', e=>{

    const isChar = /^.$/u.test(e.key);

    // if (wordTarget !== e.target) { // clear if target changes
    //     word = '';
    //     wordTarget = e.target;
    // }

    if (e.key === 'Backspace') {
        word = word.slice(0, -1);
    } else if (!isChar) {
        word = '';
        return;
    } else {
        word += e.key;
    }


    clearTimeout(wordClearTimeout);
    wordClearTimeout = setTimeout(()=>{
    
        e.target.dispatchEvent(new CustomEvent('u1-key-word', {bubbles: true, detail: word}));
        // dispatch here?
        word = '';
    }, 800);
});