Elm - HTMLイベントの使い方は？

Question

Elm getting started guideは、標準のElm HTMLイベントを使用していないようで、使用方法がわかりません。たとえば、onBlur：今、私はライン3が、2行目でHtml (Msg)にタイプHtml (String -> Msg)を返すいますので

view model = 
    div [] 
    [ div [] 
     input [ type_ "text", onInput MsgA ] [] 
    , input [ type_ "text", onBlur MsgB ] [] 
    ] 

これは、コンパイラに失敗します。

なぜこれらの2つのイベントは互換性がありませんか？同時に両方を使用する方法はありますか？さらに、私のような人がonBlurの使い方を理解するのに十分なことはありません。

Answer 1

onBlurは、onInputとは異なるタイプの署名を持っています。あなたがonInputに使用するものは何でもMsg意味

onInput : (String -> msg) -> Attribute msg 

onBlur : msg -> Attribute msg 

は、単一の文字列パラメータを取ることがあります。同様に、onBlurで使用されているMsgはパラメータを取ることができません。次へMsgAとMsgBを再定義した場合、それをコンパイルします：

type Msg 
    = MsgA String 
    | MsgB 

を編集

あなたはぼかしハンドラが目標値を受け入れることができるようにしたい場合、あなたはこのように自分自身をロールバックすることができます：

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

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