如何榆树

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-开放模式。