Shpadoinkle.Html.Event

This module provides a DSL of Events found on HTML elements. This DSL is entirely optional. You may use the Props PListener constructor provided by Shpadoinkle core and completely ignore this module. You can use the listener, listen, listenRaw, listen' convenience functions as well, without using this module. But for those who like a typed DSL with named function, and overloading, this is for you.

All listners come in 2 flavors. Unctuous flavors. Plain (IE onInput), and prime (IE onInput'). The following should hold

  onX (pure x) = onX' x

A flavor providing access to the RawNode and the RawEvent are not provided here. If you want access to these try the listenRaw constructor. The intent of this DSL is to provide a simple named functions.

Right now this module features limited specialization. But ideally we specialize all of these listeners. For example the onInput listener takes a function (Text -> m a) where Text is the current value of the input, and onKeyup takes a function of type (KeyCode -> m a) from Keyboard. Mouse move listeners for example, should take a function of ((Float, Float) -> m a) but this work is not yet done. See https://gitlab.com/fresheyeball/Shpadoinkle/issues/5

Documentation

onInput' :: MonadJSM m => (Text -> m a) -> (Text, Prop m a)

onInput :: MonadJSM m => (Text -> a) -> (Text, Prop m a)

mkOnKey :: MonadJSM m => Text -> (KeyCode -> m a) -> (Text, Prop m a)

onKeyup :: MonadJSM m => (KeyCode -> m a) -> (Text, Prop m a)

onKeydown :: MonadJSM m => (KeyCode -> m a) -> (Text, Prop m a)

onKeypress :: MonadJSM m => (KeyCode -> m a) -> (Text, Prop m a)

onKeyup' :: MonadJSM m => (KeyCode -> a) -> (Text, Prop m a)

onKeydown' :: MonadJSM m => (KeyCode -> a) -> (Text, Prop m a)

onKeypress' :: MonadJSM m => (KeyCode -> a) -> (Text, Prop m a)

onCheck' :: MonadJSM m => (Bool -> m a) -> (Text, Prop m a)

onCheck :: MonadJSM m => (Bool -> a) -> (Text, Prop m a)

onSubmit' :: MonadJSM m => m a -> (Text, Prop m a)

onSubmit :: MonadJSM m => a -> (Text, Prop m a)

mkGlobalKey :: Text -> (KeyCode -> JSM ()) -> JSM ()

globalKeyDown :: (KeyCode -> JSM ()) -> JSM ()

globalKeyUp :: (KeyCode -> JSM ()) -> JSM ()

globalKeyPress :: (KeyCode -> JSM ()) -> JSM ()

onTouchstart :: Applicative m => a -> (Text, Prop m a)

onTouchstart' :: m a -> (Text, Prop m a)

onTouchmove :: Applicative m => a -> (Text, Prop m a)

onTouchmove' :: m a -> (Text, Prop m a)

onTouchend :: Applicative m => a -> (Text, Prop m a)

onTouchend' :: m a -> (Text, Prop m a)

onTouchcancel :: Applicative m => a -> (Text, Prop m a)

onTouchcancel' :: m a -> (Text, Prop m a)

onWheel :: Applicative m => a -> (Text, Prop m a)

onWheel' :: m a -> (Text, Prop m a)

onToggle :: Applicative m => a -> (Text, Prop m a)

onToggle' :: m a -> (Text, Prop m a)

onStorage :: Applicative m => a -> (Text, Prop m a)

onStorage' :: m a -> (Text, Prop m a)

onShow :: Applicative m => a -> (Text, Prop m a)

onShow' :: m a -> (Text, Prop m a)

onPopstate :: Applicative m => a -> (Text, Prop m a)

onPopstate' :: m a -> (Text, Prop m a)

onOffline :: Applicative m => a -> (Text, Prop m a)

onOffline' :: m a -> (Text, Prop m a)

onOnline :: Applicative m => a -> (Text, Prop m a)

onOnline' :: m a -> (Text, Prop m a)

onMousewheel :: Applicative m => a -> (Text, Prop m a)

onMousewheel' :: m a -> (Text, Prop m a)

onOpen :: Applicative m => a -> (Text, Prop m a)

onOpen' :: m a -> (Text, Prop m a)

onMessage :: Applicative m => a -> (Text, Prop m a)

onMessage' :: m a -> (Text, Prop m a)

onAnimationstart :: Applicative m => a -> (Text, Prop m a)

onAnimationstart' :: m a -> (Text, Prop m a)

onAnimationiteration :: Applicative m => a -> (Text, Prop m a)

onAnimationiteration' :: m a -> (Text, Prop m a)

onAnimationend :: Applicative m => a -> (Text, Prop m a)

onAnimationend' :: m a -> (Text, Prop m a)

onWaiting :: Applicative m => a -> (Text, Prop m a)

onWaiting' :: m a -> (Text, Prop m a)

onVolumechange :: Applicative m => a -> (Text, Prop m a)

onVolumechange' :: m a -> (Text, Prop m a)

onTimeupdate :: Applicative m => a -> (Text, Prop m a)

onTimeupdate' :: m a -> (Text, Prop m a)

onSuspend :: Applicative m => a -> (Text, Prop m a)

onSuspend' :: m a -> (Text, Prop m a)

onStalled :: Applicative m => a -> (Text, Prop m a)

onStalled' :: m a -> (Text, Prop m a)

onSeeking :: Applicative m => a -> (Text, Prop m a)

onSeeking' :: m a -> (Text, Prop m a)

onSeeked :: Applicative m => a -> (Text, Prop m a)

onSeeked' :: m a -> (Text, Prop m a)

onRatechange :: Applicative m => a -> (Text, Prop m a)

onRatechange' :: m a -> (Text, Prop m a)

onProgress :: Applicative m => a -> (Text, Prop m a)

onProgress' :: m a -> (Text, Prop m a)

onPlaying :: Applicative m => a -> (Text, Prop m a)

onPlaying' :: m a -> (Text, Prop m a)

onPlay :: Applicative m => a -> (Text, Prop m a)

onPlay' :: m a -> (Text, Prop m a)

onPause :: Applicative m => a -> (Text, Prop m a)

onPause' :: m a -> (Text, Prop m a)

onLoadstart :: Applicative m => a -> (Text, Prop m a)

onLoadstart' :: m a -> (Text, Prop m a)

onLoadedmetadata :: Applicative m => a -> (Text, Prop m a)

onLoadedmetadata' :: m a -> (Text, Prop m a)

onLoadeddata :: Applicative m => a -> (Text, Prop m a)

onLoadeddata' :: m a -> (Text, Prop m a)

onEnded :: Applicative m => a -> (Text, Prop m a)

onEnded' :: m a -> (Text, Prop m a)

onEmptied :: Applicative m => a -> (Text, Prop m a)

onEmptied' :: m a -> (Text, Prop m a)

onDurationchange :: Applicative m => a -> (Text, Prop m a)

onDurationchange' :: m a -> (Text, Prop m a)

onCanplaythrough :: Applicative m => a -> (Text, Prop m a)

onCanplaythrough' :: m a -> (Text, Prop m a)

onCanplay :: Applicative m => a -> (Text, Prop m a)

onCanplay' :: m a -> (Text, Prop m a)

onAbort :: Applicative m => a -> (Text, Prop m a)

onAbort' :: m a -> (Text, Prop m a)

onBeforeprint :: Applicative m => a -> (Text, Prop m a)

onBeforeprint' :: m a -> (Text, Prop m a)

onAfterprint :: Applicative m => a -> (Text, Prop m a)

onAfterprint' :: m a -> (Text, Prop m a)

onPaste :: Applicative m => a -> (Text, Prop m a)

onPaste' :: m a -> (Text, Prop m a)

onCut :: Applicative m => a -> (Text, Prop m a)

onCut' :: m a -> (Text, Prop m a)

onCopy :: Applicative m => a -> (Text, Prop m a)

onCopy' :: m a -> (Text, Prop m a)

onDrop :: Applicative m => a -> (Text, Prop m a)

onDrop' :: m a -> (Text, Prop m a)

onDragstart :: Applicative m => a -> (Text, Prop m a)

onDragstart' :: m a -> (Text, Prop m a)

onDragover :: Applicative m => a -> (Text, Prop m a)

onDragover' :: m a -> (Text, Prop m a)

onDragleave :: Applicative m => a -> (Text, Prop m a)

onDragleave' :: m a -> (Text, Prop m a)

onDragenter :: Applicative m => a -> (Text, Prop m a)

onDragenter' :: m a -> (Text, Prop m a)

onDragend :: Applicative m => a -> (Text, Prop m a)

onDragend' :: m a -> (Text, Prop m a)

onDrag :: Applicative m => a -> (Text, Prop m a)

onDrag' :: m a -> (Text, Prop m a)

onSelect :: Applicative m => a -> (Text, Prop m a)

onSelect' :: m a -> (Text, Prop m a)

onSearch :: Applicative m => a -> (Text, Prop m a)

onSearch' :: m a -> (Text, Prop m a)

onReset :: Applicative m => a -> (Text, Prop m a)

onReset' :: m a -> (Text, Prop m a)

onInvalid :: Applicative m => a -> (Text, Prop m a)

onInvalid' :: m a -> (Text, Prop m a)

onFocusout :: Applicative m => a -> (Text, Prop m a)

onFocusout' :: m a -> (Text, Prop m a)

onFocusin :: Applicative m => a -> (Text, Prop m a)

onFocusin' :: m a -> (Text, Prop m a)

onFocus :: Applicative m => a -> (Text, Prop m a)

onFocus' :: m a -> (Text, Prop m a)

onChange :: Applicative m => a -> (Text, Prop m a)

onChange' :: m a -> (Text, Prop m a)

onBlur :: Applicative m => a -> (Text, Prop m a)

onBlur' :: m a -> (Text, Prop m a)

onUnload :: Applicative m => a -> (Text, Prop m a)

onUnload' :: m a -> (Text, Prop m a)

onScroll :: Applicative m => a -> (Text, Prop m a)

onScroll' :: m a -> (Text, Prop m a)

onResize :: Applicative m => a -> (Text, Prop m a)

onResize' :: m a -> (Text, Prop m a)

onPagehide :: Applicative m => a -> (Text, Prop m a)

onPagehide' :: m a -> (Text, Prop m a)

onPageshow :: Applicative m => a -> (Text, Prop m a)

onPageshow' :: m a -> (Text, Prop m a)

onLoad :: Applicative m => a -> (Text, Prop m a)

onLoad' :: m a -> (Text, Prop m a)

onHashchange :: Applicative m => a -> (Text, Prop m a)

onHashchange' :: m a -> (Text, Prop m a)

onError :: Applicative m => a -> (Text, Prop m a)

onError' :: m a -> (Text, Prop m a)

onBeforeunload :: Applicative m => a -> (Text, Prop m a)

onBeforeunload' :: m a -> (Text, Prop m a)

onMouseup :: Applicative m => a -> (Text, Prop m a)

onMouseup' :: m a -> (Text, Prop m a)

onMouseout :: Applicative m => a -> (Text, Prop m a)

onMouseout' :: m a -> (Text, Prop m a)

onMouseover :: Applicative m => a -> (Text, Prop m a)

onMouseover' :: m a -> (Text, Prop m a)

onMousemove :: Applicative m => a -> (Text, Prop m a)

onMousemove' :: m a -> (Text, Prop m a)

onMouseleave :: Applicative m => a -> (Text, Prop m a)

onMouseleave' :: m a -> (Text, Prop m a)

onMousedown :: Applicative m => a -> (Text, Prop m a)

onMousedown' :: m a -> (Text, Prop m a)

onDblclick :: Applicative m => a -> (Text, Prop m a)

onDblclick' :: m a -> (Text, Prop m a)

onContextmenu :: Applicative m => a -> (Text, Prop m a)

onContextmenu' :: m a -> (Text, Prop m a)

onClick :: Applicative m => a -> (Text, Prop m a)

onClick' :: m a -> (Text, Prop m a)