エルムHtml.Events - 私は入力のこの種を持っているonBlurイベントメッセージ

Question

に入力値を渡します。

inputName player = 
    input 
     [ type_ "text" 
     , onInput (Msgs.ChangeName player) 
     , value player 
     ] 

すべての1文字をMsgs.ChangeNameを作成し、入力に加えます。

私は、ユーザーが入力を離れた後のモデルを更新することを好むだろうが、入力についてのペイロードをonBlur持っていない：上記のコード

inputName player = 
    input 
     [ type_ "text" 
     , onBlur (Msgs.ChangeName player) 
     , value player 
     ] 

はエラーで終わるコンパイルされません：

The 1st entry has this type: 

    Html (String -> Msg) 

But the 2nd is: 

    Html (Msg) 

Hint: It looks like a function needs 1 more argument. 

Answer 1

あなたは"blur"ハンドラのバリエーションを作成して、target.valueを次のように作成することができます：

import Html.Events exposing (on, targetValue) 
import Json.Decode as Json 

onBlurWithTargetValue : (String -> msg) -> Attribute msg 
onBlurWithTargetValue tagger = 
    on "blur" (Json.map tagger targetValue)