El guión actual es:

 <script data-name="Incremental IO" data-version="v0.1"> var observer = new MutationObserver((mutations) => { mutations.forEach((mutation) => { if (!mutation.addedNodes) return if ((rect = document.querySelector(".closet-rect")) != null) { incrementalIO(rect) observer.disconnect() } }) }) observer.observe(document.getElementById("qa"), { childList: true, subtree: true }) function incrementalIO(first) { for (rect of document.querySelectorAll(".closet-rect.is-active")) { rect.classList.remove("is-active") } activate(first) } function activate(rect) { rect.classList.add("is-active") rect.addEventListener("click", reveal) } function reveal() { this.classList.remove("is-front") this.classList.add("is-back") if ((next = this.nextElementSibling) != null) { activate(next) } } </script>

Cuando cambio el .addEventListener a "keyup", todavía tengo que hacer clic en el objeto antes de que permita que funcione la función keyup. Esto anula el propósito de eliminar el clic para revelar. ¿Hay alguna manera de que pueda seleccionar automáticamente los objetos para que funcione la clave? Idealmente, me gustaría especificar una clave para hacer esto, pero me conformaría con cualquiera por el momento.