Miso.Html.Event

Contents

• Custom event handlers
• Mouse events
• Keyboard events
• Form events
• Focus events
• Drag events
• Drop events

Description

Synopsis

• on :: MisoString -> Decoder r -> (r -> action) -> Attribute action
• onWithOptions :: Options -> MisoString -> Decoder r -> (r -> action) -> Attribute action
• data Options = Options {
  • preventDefault :: Bool
  • stopPropagation :: Bool
  }
• defaultOptions :: Options
• onClick :: action -> Attribute action
• onDoubleClick :: action -> Attribute action
• onMouseDown :: action -> Attribute action
• onMouseUp :: action -> Attribute action
• onMouseEnter :: action -> Attribute action
• onMouseLeave :: action -> Attribute action
• onMouseOver :: action -> Attribute action
• onMouseOut :: action -> Attribute action
• onKeyDown :: (KeyCode -> action) -> Attribute action
• onKeyPress :: (KeyCode -> action) -> Attribute action
• onKeyUp :: (KeyCode -> action) -> Attribute action
• onInput :: (MisoString -> action) -> Attribute action
• onChange :: (MisoString -> action) -> Attribute action
• onChecked :: (Checked -> action) -> Attribute action
• onSubmit :: action -> Attribute action
• onBlur :: action -> Attribute action
• onFocus :: action -> Attribute action
• onDrag :: action -> Attribute action
• onDragLeave :: action -> Attribute action
• onDragEnter :: action -> Attribute action
• onDragEnd :: action -> Attribute action
• onDragStart :: action -> Attribute action
• onDragOver :: action -> Attribute action
• onDrop :: AllowDrop -> action -> Attribute action

Custom event handlers

let clickHandler = on "click" emptyDecoder $ \() -> Action
in button_ [ clickHandler, class_ "add" ] [ text_ "+" ]

let clickHandler = onWithOptions defaultOptions "click" emptyDecoder $ \() -> Action
in button_ [ clickHandler, class_ "add" ] [ text_ "+" ]

defaultOptions = Options { preventDefault = False, stopPropagation = False }

Mouse events

Keyboard events

Form events

Focus events

Drag events

Drop events