在 elm-mdl Textfield 中监听 onEnter 事件

Question

我在尝试监听 Material.Textfield 组件中的 onEnter 事件时遇到问题。我想我应该使用 Options.on 和解码器来实现它，但我不确定如何实现解码器。任何帮助表示赞赏

  [ Card.actions []
      [ 
         Textfield.render Mdl [ 1 ] mdl [ Options.on "keydown" someDecoder, Options.onInput ChatInput] []
      ]
   ]

Answer 1

通过使用 Material.Options.on 创建自定义事件处理程序解决了这个问题

import Html.Events exposing (keyCode)
import Json.Decode as JD
import Material.Options as Options


Textfield.render Mdl [ 1 ] mdl [ Options.on "keydown" (JD.andThen isEnter keyCode) ] []


isEnter : number -> JD.Decoder Msg
isEnter code =
   if code == 13 then
      JD.succeed SendMsg
   else
      JD.fail "not Enter"

在 elm-mdl Textfield 中监听 onEnter 事件

Listening for onEnter events in elm-mdl Textfield

elm

elm-mdl