在引導程序中具有切換按鈕的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);
        })