如何使Elm UI元素对按下“键”作出响应;输入“;
我需要让我的应用程序在按下Enter键时发送消息。我有一个元素,比如:如何使Elm UI元素对按下“键”作出响应;输入“;,elm,elm-ui,Elm,Elm Ui,我需要让我的应用程序在按下Enter键时发送消息。我有一个元素,比如: Input.text [] { onChange = UpdateText, text = model.text, placeholder=Nothing } 按下enter键时,如何使其提交 注:Q/A从中复制用于查找。这在中提到 基本上,您定义了一个函数,当按下Enter键时,该函数会发送一个消息,并将其嵌入到视图函数中: onEnter : msg -> Element.Attribute msg onEnte
Input.text [] { onChange = UpdateText, text = model.text, placeholder=Nothing }
按下enter键时,如何使其提交
注:Q/A从中复制用于查找。这在中提到
基本上,您定义了一个函数,当按下Enter键时,该函数会发送一个消息
,并将其嵌入到视图
函数中:
onEnter : msg -> Element.Attribute msg
onEnter msg =
Element.htmlAttribute
(Html.Events.on "keyup"
(Decode.field "key" Decode.string
|> Decode.andThen
(\key ->
if key == "Enter" then
Decode.succeed msg
else
Decode.fail "Not the enter key"
)
)
)
然后将其嵌入视图中元素的属性中:
Input.text
[ onEnter EnterWasPressed ]
{ onChange = UpdateText
, text = model.text
, placeholder = Nothing
}
Ellie Link(来自docs):这似乎是一件很奇怪的事情。我想知道为什么。如果我不想触发onChange呢?由于onChange在elm ui中是必需的,所以我仍然需要一个消息标记,它在
更新函数中不起任何作用?奇怪的