我有一个列表，其中每个span内有div和一个li。我在每个span元素上附加了一个click事件处理程序，以显示div。在div内，我有一个button，并附加了一个事件处理程序以结束潜水。简而言之，这是一个模态。
它完全按照我想要的方式工作。但是，我需要使其可访问。部分原因是让仅使用键盘的用户可以使用它。触发keyup事件处理程序以关闭模式时，将触发附加到click的{{1}}事件处理程序。
我已经对传播和事件的不同阶段进行了大量研究，但仍然无法使其正常工作。我尝试了在this和this线程中讨论的所有内容，但没有任何效果。使用span事件时，我无法使父事件处理程序不被触发。当我使用keyup事件将其关闭时，不会触发该事件。
我知道，如果我从click中删除模式，我可能会使其工作，但是我仍然想知道如何防止这种情况再次发生。
这是我的代码：
li顺便说一句：我想坚持使用香草javascript。