Overview

Miso.Svg.Event provides event-handler Attribute values for SVG-specific DOM events. All handlers use emptyDecoder — they fire a fixed action with no payload extracted from the event object. This module is re-exported by Miso.Svg.

For pointer and keyboard events on SVG elements, use the handlers from Miso.Html.Event directly — they work on any DOM element regardless of namespace.

Quick start

import Miso
import Miso.Svg

data Action = AnimDone | Zoomed

view :: Model -> View Model Action
view _ =
  svg_ []
    [ animate_
        [ onEnd  AnimDone
        , onZoom Zoomed
        ]
    , circle_
        [ onClick    Toggle
        , onMouseOver Highlight
        ]
    ]

Event groups

• Animation (<animate>, <animateTransform>, …): onBegin, onEnd, onRepeat

• Document (fires on <svg> root): onAbort, onError, onResize, onScroll, onZoom
• Graphical (fires on any visible SVG element): onActivate, onClick, onFocusIn, onFocusOut, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp

Note: onClick is re-exported from Miso.Html.Event and is identical to the HTML version.

See also

• Miso.Html.Event — onPointerDown, onKeyDown, … work on SVG elements too
• Miso.Svg.Element — SVG element constructors
• Miso.Event — on, emptyDecoder primitives