我如何對YUI自動完成選擇上的模糊事件做出反應

Question

我試圖對具有YUI自動完成功能的onBlur和onSelect事件做出不同的反應。 當用戶單擊其他位置並將其保留在選中位置時，我需要隱藏AC。 問題在於，模糊事件也會在onSelect上觸發。 我找不到僅在AC外部單擊時觸發的事件，並且在選擇情況下我真的陷於以某種方式捕獲模糊事件，因為它是在選擇事件之前觸發的。

所以基本上我想要的是這樣的輸出：

在AC外部單擊：BLUR

選擇值：SELECT VAL

但是我得到的是：

在AC外部單擊：BLUR

選擇值：BLUR，SELECT VAL

這會導致選擇時隱藏交流。

Answer 1

由於模糊事件會在您選擇某項時觸發，並且您可能無法避免這種情況，因此在模糊時設置超時。 如果計時器超時，請執行模糊時通常要執行的操作。

在選擇事件中，取消計時器。

一些非常寬松的偽代碼：

var blurTimer = null;

function handleBlur() {
    blurTimer = setTimeout(function() {
        // do what you normally do onblur
    }, 50);
}

function handleSelect() {
    clearTimeout(blurTimer);

    // do what you normaly do on select
}