在引导程序中具有切换按钮的Javascript mouseup事件-该事件触发得太早

Question

当用户单击一系列按钮中的一个按钮时，我希望浏览器能够在单击按钮后立即检测到切换了哪些按钮。

这是一个示例： http : //jsfiddle.net/Uc6LV/11/

• 尝试单击“一个”（没有任何反应）
• 现在单击“两个”，它将显示“一个”（单击的上一个

我将事件监听器从click更改为mouseup但似乎仍为时过早。

有任何想法吗？

Answer 1

在您的事件侦听器中，我将侦听“ click”事件并通过setTimeout（）延迟实际计算。 这在您的小提琴中起作用：

 container.children[i].addEventListener("click", //click is better than mouseup
            function(){
                //let's delay execution until button is toggled
                setTimeout(function() {
                    notice.innerHTML = toggled().toString(); }, 1);
        })