如何榆樹

Question

後，其他標識事件我有一個div與下面的操作來模擬菜單

div 
    [ onClick address Toggle 
    , onFocus address Open 
    , onBlur address Close 
    ] 
    [ ... some items with click handlers ] 

當一個標籤到div，使其具有焦點並執行Open，顯示菜單。

當失去焦點，onBlur升高並執行Close其隱藏菜單

單擊時，它Open或Close之間切換。

這工作正常，但也有一些問題

方案

1. 當在div用戶點擊，它觸發onFocus打開的菜單。
2. 然後它觸發onClick，它執行切換並因此關閉菜單。

如何在onFocus之後識別onClick以便不切換菜單？如果不是，在Elm中處理這種情況的最佳方法是什麼？

這工作正常，如果用戶選項卡的div，然後點擊它。既然它已經有了重點，它就會按預期切換並行爲。

Answer 1

我會建議刪除Toggle操作。這是沒有必要的，只會造成混亂，因爲它無視現狀。

相反，您的模型中可能已經有了一些可以跟蹤div是否已經打開的東西，因爲我認爲您的樣式基於這個事實是不同的。在這個例子中，我會假設你的模型看起來是這樣的：

type alias Model = 
    { open : Bool } 

然後，您可以刪除Toggle行動和改變onClick處理程序或者發送基於當前狀態的Open或Close行動。

div 
    [ onClick address (if model.open then Close else Open) 
    , onFocus address Open 
    , onBlur address Close 
    ] 
    [ ... some items with click handlers ] 

這讓你連續發射了兩枚Open行動的潛力，但應該是確定的，因爲第二Open將在本質上是一個空操作，不會改變already-開放模式。